选项卡无法正确调整可排序的大小

发布于 2024-10-20 23:15:15 字数 180 浏览 5 评论 0原文

我有以下脚本:

http://jsfiddle.net/oshirowanen/mYx5y/3/

为什么包含可排序元素的选项卡的高度没有正确调整其高度以包含所有可排序元素?

I have the following script:

http://jsfiddle.net/oshirowanen/mYx5y/3/

Why is the height of the tab which contains the sortable elements not resizing it's height properly to contain all the sortable elements?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

月下客 2024-10-27 23:15:16

选项卡中的列元素是浮动的,并且需要清除,因此选项卡 div 的高度合适。

快速修复就是使用clearfix。使用以下 css:

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; } /* Hides from IE-mac \*/

.clearfix { display: block; }

并给 id="tabs" 的 div 一个 class="clearfix"

The column element within the tabs are floated and needs a clear after so the tabs div is the right height.

A quick fix would just be to use clearfix. use the following css:

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; } /* Hides from IE-mac \*/

.clearfix { display: block; }

and give the div with id="tabs" a class="clearfix"

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文