顯示：塊破浮子在IE6

下面的代碼在Safari和Firefox但不是在IE6工作正常。這是當我包括display:block爲#horNav li a。浮動在IE6中斷。有沒有辦法讓display:block而不是打破浮動？如果我包括#horNav li寬度，將工作，但我不想爲它指定的寬度爲寬度可能會有所不同。顯示：塊破浮子在IE6

CSS：

#horNav{ 
    margin:0; 
    padding:0; 
    list-style-type:none; 
    border: 0px solid #486B02; 
    font-size:13px; 
    font-family:Arial; 
} 
#horNav li{ 
    float:left; 
} 
#horNav li a { 
    display:block; 
    color: #000; 
    text-decoration: none; 
    height:30px; 
    line-height:30px; 
    padding:0 40 0 19; 
    border:solid 1px blue; 
}

HTML：

<ul id="horNav"> 
    <li><a>Menu 1</a></li> 
    <li><a>Menu 2</a></li> 
    <li><a>Menu 3</a></li> 
    <li><a>Menu 4</a></li> 
</ul>

來源

2011-05-25 manraj82

你試過'直列block'？ – 2011-05-25 14:35:21

你確定，這不是另一個財產嗎？ li {float：left}中的{display：block}在很多年前都很常見，並且應該可以正常工作。你可以用這個問題創建一個jsFiddle嗎？ – Boldewyn 2011-05-25 14:46:28

添加float: left到a爲好。您將無須在adisplay: block;以及因爲浮動元素自動是塊

來源

2011-05-25 14:43:39 clairesuzy

嘗試以下操作：

刪除浮動：左;對於#horNav Li和添加

 
#horNav li { display: inline-block; }

我想你可以刪除行高和高度#horNav李一

來源

2011-05-25 14:35:03 gutierrezalex

我不認爲顯示：在IE6 inline-block的作品，謝謝 – manraj82 2011-05-25 14:40:56

創建IE6 contitional文件，並給它顯示：內聯。 – gutierrezalex 2011-05-25 17:07:46

顯示：塊破浮子在IE6

回答

相關問題