1

WebKit中存在一个错误，它会导致浏览器（Safari、Chrome 等）将第一个 <LI> 的项目符号或编号定位在右侧的 <OL> 或 <UL> 中，如果它前面有一个浮动元素。这是问题的一个简单示例：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body style="width:250px">
    <div style="width: 100%; float: left;">
    List with bullet at the wrong side:
    </div>
    <div>
      <ul>
        <li>bullet ends up here -></li>
      </ul>
    </div>
  </body>
</html>

由于已经报道过，它可能会在某个时候得到修复。

同时，我怎样才能通过仅修改现有DIV:s 的样式（即不修改结构）来规避问题？

4

1 回答 1

0

overflow: hidden;在浮动元素之后的元素或列表中使用。

http://jsfiddle.net/E3FPS/

当然，这还有隐藏溢出带来的其他副作用，例如您不能将元素移动到边界框之外，否则它们会被切断。

于 2012-08-10T21:34:50.837 回答