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 不会剪辑内容，除非它有限制宽度和高度。否则它只会清除其中的浮动元素，这样它们就不会脱离容器。正如@Dani 评论的那样，这很可能是设计使然。