html - IE8 布局损坏 - IE7 模式正确

Question

用 IE 的“开发工具”搜索 3-4 小时后，我不明白为什么。

此代码：https : //tinker.io/b2c10 在 IE7 模式、Chrome、Firefox 中正确生成布局。在 IE8 标准模式下，当您缩小视口时，结果如下：

以下是所有其他浏览器（包括 IE7）中的布局方式：

不用说，我尝试了所有包括：

• 减小 img 的最大宽度
• 使用 display:inline-block 删除 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 使用 float: 对，填充而不是边距....不确定这是如何工作的，你需要改进你的 css 有点花花公子。我建议你回顾一下。