为标签设置标签宽度

Question

我与来自CSS技巧的this代码示例相混淆，我试图将三个标签宽度设置为容器宽度的33％，以便三个标签均匀覆盖容器的顶部。我知道你可以用display：block来设置标签的宽度，但是标签会开始切入容器。如何在不损坏容器的情况下调整宽度？

Answer 1

这里有一个解决方案小提琴：http://jsfiddle.net/qEwef/

本质：

.tab { 
    float: left; 
    width:33%; 
    display:block; 
    margin-top:-12px; 
} 
.tab label { 
    background: #eee; 
    padding: 10px; 
    border: 1px solid #ccc; 
    margin-left: -1px; 
    position: relative; 
    left: 1px; 
    display:block; 
} 

的标签将回退填充/边框该选项卡的标签上存在上边距。