gpt4 book ai didi

jquery-ui - jQuery UI 选项卡 : how to place div with float:left property into tab?

转载 作者:行者123 更新时间:2023-12-04 14:17:44 24 4
gpt4 key购买 nike

我使用 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>

如何解决?

谢谢!

enter image description here

最佳答案

你必须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 中查看结果.

关于jquery-ui - jQuery UI 选项卡 : how to place div with float:left property into tab?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8294739/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com