jquery-ui – jQuery UI标签：如何将div与float：left属性放入标签？

我使用jQuery UI 1.8.16作为标签.
我想在第一个选项卡中放置几个​​div作为列(使用float：left属性).

但是我不能正确地做到这一点：看起来像标签不希望以正确的方式使用float属性(参见文本下的图像).

有代码：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">First</a></li>
        <li><a href="#tabs-2">Second</a></li>
        <li><a href="#tabs-3">Third</a></li>
    </ul>
        <div id="tabs-1">
                <div style="border:1px solid red;float:left;">
                    some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>
                </div>
        </div>
        <div id="tabs-2"></div>
        <div id="tabs-3"></div>

</div>

如何解决？

谢谢！

解决方法

您必须使用 clear your floats才能使容器计算出适当的高度：

<div id="tabs-1">
    <div style="border: 1px solid red; float: left;">
        some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>
    </div>
    <div style="clear: both;"></div>
</div>

你可以在this fiddle看到结果.

原文地址：https://www.jb51.cc/jquery/241589.html