css - IE/Safari 中不存在正确的填充

Question

我在每个页面的主要元素上都有 padding: 0 40px 0 40px。

在 chrome 中，布局看起来正确且填充正确。这里的图像显示了使用开发人员工具的正确填充。 http://imgur.com/BButZht,TuOHanN

但是在 IE 和 safari 中，填充不存在，文本/图像转移到外部主体元素。 http://imgur.com/BButZht,TuOHanN#1

我不明白为什么会这样。 IE 开发工具也帮不了我什么

主页和类别页面存在相同的填充问题。www.luminoto.com

谢谢

Answer 1

IE 在其浏览器样式表中没有 display:block 用于 main 元素，因此您必须在样式表中显式添加它——否则它只会是被视为 inline 元素(所有内容都将“流出”它)。

您可以将它直接添加到 .photo_main 的格式中——尽管这样做的更好位置是在旨在平衡此类浏览器差异的“重置”样式表中。

不确定 Safari 是否也面临同样的问题，但试试看它是否也解决了这个问题。