Question

<!DOCTYPE html>
<html>
<body>
<div style="width:300px; height:300px; 
    background-color: Green; float:left; margin-right:3em;"></div>
<ol>
    <li>First</li>
    <li>Second</li>
</ol>
</body>
</html>

在Chrome 12和Firefox 4中，这会在绿色方块的右侧呈现一个列表。在IE9中，十进制数字位于左侧，与绿色方块重叠，而ol的内容位于绿色方块的右侧。

以下是截图：http://i.stack.imgur.com/EO8Se.png

IE9兼容模式呈现与Chrome＆amp; FF。

哪个浏览器“正确”？
你能否建议像Chrome＆amp; amp;所有浏览器都有FF？

Answer 1

Chrome和Firefox是正确的，虽然这是非常主观的。

您可以尝试在<div>周围添加<ol>并向左浮动:)，或者只是尝试使用inline-block。

HTML5跨浏览器问题;浮动div和列表

1 个答案: