Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Internet explorer HTML5跨浏览器问题；浮动div和list 首先 第二_Internet Explorer_Html_Cross Browser_Internet Explorer 9 - Fatal编程技术网
Fatal编程技术网
  • internet-explorer/
  • Internet explorer HTML5跨浏览器问题；浮动div和list 首先 第二

Internet explorer HTML5跨浏览器问题；浮动div和list 首先 第二

internet-explorer html

Internet explorer HTML5跨浏览器问题；浮动div和list 首先 第二,internet-explorer,html,cross-browser,internet-explorer-9,Internet Explorer,Html,Cross Browser,Internet Explorer 9,在Chrome12和Firefox4中，这会在绿色方框的右侧呈现一个列表。在IE9中，十进制数字位于左侧，与绿色正方形重叠，而ol的内容位于绿色正方形的右侧 以下是一个屏幕截图： 具有兼容模式的IE9呈现与Chrome&FF相同 哪个浏览器是“正确的” 你能推荐在所有浏览器中都像Chrome&FF那样呈现的标记吗 Chrome和firefox是正确的，尽管这是相当主观的 你可以试着在你的周围放一个，然后把它也放在左边：），或者试着用内联块，我发现“修复了这个小故障。”但我很惊讶这是必需的，如果

在Chrome12和Firefox4中，这会在绿色方框的右侧呈现一个列表。在IE9中，十进制数字位于左侧，与绿色正方形重叠，而ol的内容位于绿色正方形的右侧

以下是一个屏幕截图：

具有兼容模式的IE9呈现与Chrome&FF相同

  • 哪个浏览器是“正确的”
  • 你能推荐在所有浏览器中都像Chrome&FF那样呈现的标记吗
Chrome和firefox是正确的，尽管这是相当主观的

你可以试着在你的
周围放一个
，然后把它也放在左边：），或者试着用
内联块
，
我发现
“修复了这个小故障。”但我很惊讶这是必需的，如果有人能解释一下原因，我还是希望能进行一些讨论。为什么他们是正确的？因为除非另有规定，否则数字应在文本前面。此外，div向左浮动不应该以任何方式干扰
  • 元素的定位。我认为HTML5应该使跨浏览器变得简单？：）是的，W3C有严格的规则，但浏览器供应商总是按照“他们的方式”去做。也可能发生的事情是，有些东西不清楚，由他们自己植入，或者最终，错误确实发生了，但它们不应该出现在html中。

    <!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>

    														
    •