消除div标签之间的差距

Question

两个div之间有一个不必要的差距..是否有任何解决方案可以删除？ 这是jsfiddle
如果你观察到vUiTsTabs和vUiTsContainers div标签，你会发现这两个div之间存在差距......（黑色和红色边框之间的间隙）。

Answer 1

清除<ul>代码（overflow: auto;就够了） 并从display: inline-block;

中删除.vUiTsTabs

演示：http://jsfiddle.net/FCwjc/3/

Answer 2

将float: left替换为display: inline-block

Answer 3

删除显示并通过设置

清除lis上的float:left

display:inline-block;
overflow:hidden; /*or auto*/

.vUiTsTabs，差距将消失：modified fiddle

Answer 4

我希望这可能对你有所帮助 使用此.vUiTsTabs代码

.vUiTsTabs {
border-bottom: 1px solid #660033;
display: table;
margin: 0;
width: 99.9%;
}

演示：modified demo

Answer 5

我将它固定在Chrome上，在你的vUiTsTabs中放置'vertical-align：top'。

Answer 6

请试试这个：

使用以下css：

.vUiTsTabs {
   display: table;
   border-bottom: 1px solid #660033;
   width: 99.9%;
}