我試圖創建水平列表,其子列表垂直堆疊,即IE 9將「抵消」嵌套UL
A B C1 D E
C2
這裏有MWE小提琴:http://jsfiddle.net/jsx4S/
也要去包括這裏的代碼:
<ul>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li>
<ul>
<li><a href="#">C1</a></li>
<li><a href="#">C2</a></li>
</ul>
</li>
<li><a href="#">D</a></li>
<li><a href="#">E</a></li>
</ul>
和相關的CSS:
ul
{
list-style: none;
display: inline;
}
li
{
float: left;
width: 100px;
height: 50px;
margin-right: 25px;
}
li a
{
text-decoration: none;
padding: 4px 20px 4px 4px;
color: black;
border: 1px solid;
}
Firefox的樣式似乎很好,但在IE9中,瀏覽器爲C1增加了一個(看似)20像素的隨機「偏移量」。我怎樣才能擺脫這個偏移量,所以C1與父列表項內聯?
就是這樣 - 謝謝。我實際上使用Bootstrap,所以我很驚訝他們的重置不會照顧到這一點。 –