IE8布局坏了 - IE7模式正确

Question

用IE的“开发工具”搜索3-4个小时后，我无法理解为什么。

此代码：https://tinker.io/b2c10在IE7模式，Chrome，Firefox中正确生成布局。在IE8标准模式下，这是使视口变小时的结果：

以下是所有其他浏览器（包括IE7）的布局应该如何：

毋庸置疑，我试验了所有内容，包括：

• 减少img的最大宽度
• 使用display：inline-block's
删除Who's Who部分
• 从中间栏完全删除图像......

Answer 1

似乎Sharepoint如何转换我的源html使其无效......

Answer 2

以一种不那么干净的方式，你可以从具有该内容的div上设置min-width开始。这也将有助于防止它在缩小时重叠。另外我想你可能想切换到div宽度的跨度。我觉得我正在向许多人讲道脚手架，但它确实有助于保持良好的缩放。

.ms-WPBody {padding:0;overflow:visible;min-width:190px;}

http://jsfiddle.net/R8LEE/

http://twitter.github.com/bootstrap/scaffolding.html

Answer 3

p默认情况下阻止，使用浮点数为div：右，填充而不是边距....不确定这是如何工作的，你需要提高你的CSS有点老兄。我很高兴你回顾一下。