Home/ Questions/Q 6676245
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:57:47+00:00

I have the following html code and the screenshot is shown below . The

  • 0

I have the following html code and the screenshot is shown below . The overflow hidden for Ul element is not working.kindly let me know.

enter image description here

<div id="sort_columns" class="ui-tabs ui-widget ui-widget-content ui-corner-all" style="padding: 2px; position: relative;  margin-left: 0px;">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" style="overflow: hidden; position: relative;">
    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
        <a href="#11">aaaaaaaaaaaaaa</a>
    </li>
    <li class="ui-state-default ui-corner-top">
<a href="#12">aaabbbbbbbbbbbb</a>
    </li>
    <li class="ui-state-default ui-corner-top">

</ul>
<div id="11" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
</div>

</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    overflow: hidden will not clip contents unless it has limited width and height. Otherwise it will just clear the floating elements inside it so they do not break out of the container. As @Dani commented, this is most likely by design.

    • 0