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>

很可能你有一个无效的文档类型或选择了一个导致怪癖模式的文档类型，这就是为什么它在某些浏览器中有效。

如何在IE中左侧显示有序列表的编号？

1 个答案: