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

我在每个页面的主要元素上都有填充：0 40px 0 40px。在IE/Safari中不存在正确的填充

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

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

我无法弄清楚为什么会发生这种情况。 IE开发者工具对我来说帮不了多少

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

感谢

嘿，你可以提供一个链接到现场版吗？也许jsfiddle？或者给我们一些代码或其他东西！我的想法是它与“盒子大小”有关。在那些让你悲伤的元素上，尝试添加'box-sizing：border-box;'... IE是pooper。 – philtune 2014-11-20 22:05:53

IE没有display:block在其浏览器的样式表为main元素，所以你必须明确添加在你的样式 - 否则它只会被视为inline元素（并且所有内容都会“流出”它）。

您可以直接将它添加到.photo_main的格式中 - 尽管更好的做法是在“重置”样式表中进行，以便平衡这些浏览器差异。

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

2014-11-20 22:18:25 CBroe

谢谢。在看到这个之前，我确实得到了代码导师的帮助，这正是解决方案。我用display：inline-block。 – 2014-11-21 22:47:33

回答