css - Div 在 IE8 中显示不正确

Question

下面的代码在 IE8 中无法正确显示。

它们在 Chrome 中正确显示，有什么问题？

<div style="float: left;" >
  <p>block level content or <span>inline content</span>.</p>
  <p>block level content or <span>inline content</span>.</p>
</div>
<div style="float: left;" >
  <p>block level content or <span>inline content</span>.</p>
  <p>block level content or <span>inline content</span>.</p>
</div>
<div style="float: left;" >
  <p>block level content or <span>inline content</span>.</p>
  <p>block level content or <span>inline content</span>.</p>
</div>

除了配置为 div 的一部分之外，没有 CSS。此代码来自“Steve Perks”问题的答案How do you make div elements display inline?

IE8：

铬合金 ：

Answer 1

设置适当的 CSS 以使每一行都适合多个 div，例如width: 33%;