您如何獲取要在IE中左側顯示的有序列表的編號？

Question

我在div標簽中有一排數據，這些數據標簽向左浮動並設置了寬度。 它們在li標簽內。 在chrome和FF中，一切正常，但是在IE8中，數字顯示在我行的中間，緊挨着最后一個沒有浮點數的div標簽。

列表是動態創建的，因此我將嘗試重新創建一個示例。

<ol id='list'>
    <li>
        <div id='d1'>data</div>
        <div id='d2'>data2</div>
    </li>
</ol>

CSS看起來像

#d1{
    float:left;  
    width:50px;
}
#d2{
    width:40px;
}

這是我在這里的第一個問題，希望它已經足夠清楚了。

Answer 1

屬於特定行的所有div都應保持浮動狀態，並且容器應為內聯塊或常規塊。

例如：

<style>
  .column { float:left; }
  #d1 { width: 50px; }
  #d2 { width: 40px; }
  li {display: inline-block;}
  br { clear: both; }
</style>
<li>
  <div class="column" id="d1">data</div>
  <div class="column" id="d2">data2</div>
</li>
<br>
<li>
  <div class="column" id="d1">data</div>
  <div class="column" id="d2">data2</div>
</li>

您很可能是無效的文檔類型，或者選擇了一種會導致古怪的模式的文檔類型，這就是為什么它在某些瀏覽器中有效的原因。