选项卡未针对可排序项正确调整大小

Question

我有以下脚本：

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

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

Answer 1

选项卡中的列元素是浮动的，需要清除，因此选项卡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; }

并为div赋予id =“tabs”a class =“clearfix”