UL溢出隐藏在firefox和ie jquery选项卡中都不起作用

Question

我有以下HTML代码，截图如下所示。为Ul元素隐藏的溢出不起作用。请让我知道。

<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>

Answer 1

overflow: hidden除非限制width和height，否则不会剪辑内容。否则它只会清除其中的浮动元素，以便它们不会从容器中分离出来。正如@Dani评论的那样，这很可能是设计上的。