爲什麼我的列表元素是1px？

Question

試圖重現標題here，到目前爲止我有這http://www.webdevout.net/test?0A。我無法弄清楚爲什麼文本容器在欄底下延伸1px，爲什麼他們不在另一個站點上。

感謝

Answer 1

我在這裏固定它：

http://jsfiddle.net/HZLC4/1/

我除去包裝件的寬度，以適應的jsfiddle的顯示。你可以添加它。

提示，但注意：

• 復位永遠是第一位
• 有友情鏈接，墊的鏈接。使鏈接有更大的「框」點擊
• 填充鏈接和文本將高度添加到父容器，因此您不必爲包裝器聲明高度。
• 如果它沒有聲明尺寸，則會自動將div自動調整爲內容。這意味着div的自動調整功能的鏈接和文本導致沒有更多的「1px的問題」
• 我忘了，鏈路填充生效，<a>必須用display:block

風格

Answer 2

您的.header H1設置行高度11像素，但實際上你只需要10px的。

Answer 3

問題是頭部造型：

header li, header h1 { 
    display: block; 
    font-weight: bold; 
    font-size: 12px; 
    line-height: 11px; 
    padding: 20px; 
    background-color: #2d2d2d; 
    border-right: 1px solid #333; 
} 

填充頂部20像素+填充底部20像素+行高11像素= 51px

要麼你需要增加頭51px的高度，或者你需要減少填充或行高。

Answer 4

不知道你是否可以看到它。

但是我改變行高的11至10上 頭麗頭部H1 {

和起作用的。