爲標籤設置標籤寬度

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; 
} 

的標籤將回退填充/邊框該選項卡的標籤上存在上邊距。