css - 删除 div 标签之间的间隙

Question

两个 div 之间有不必要的间隙。有没有解决方案可以消除它？
这是jsfiddle
如果您观察vUiTsTabs和vUiTsContainersdiv 标签，您会发现这两个 div 之间有一个间隙......（黑色和红色边框之间的间隙）。

score 2 · Accepted Answer

清除<ul>标签（overflow: auto;就足够了）并display: inline-block;从中删除.vUiTsTabs

在这里演示：http: //jsfiddle.net/FCwjc/3/

score 1 · Accepted Answer

1

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

于 2012-10-10T10:01:56.117 回答

score 1 · Accepted Answer

float:left通过设置删除显示并清除列表

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

for.vUiTsTabs并且差距将消失：修改后的小提琴

score 1 · Accepted Answer

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

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

score 1 · Accepted Answer

1

我在 Chrome 上修复了它，在你的 vUiTsTabs 中放置了“vertical-align:top”。

于 2012-10-10T10:18:15.290 回答

score 0 · Accepted Answer

请试试这个：

使用以下 CSS：

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

6 回答 6