【发布时间】:2014-09-26 09:55:47
【问题描述】:
我今天在 Chrome 中遇到了一个严重的错误,它涉及 body 元素上的 CSS 边距属性。如您所知,当将margin: 0 auto; 与宽度一起应用于body 元素时,该站点居中并且它一直对我有用。但是,今天这突然停止在 Chrome 中为我工作(最新版本 36.0.1985.125 m)。
现在,许多网站在容器 div 上使用 margin: 0 auto;,这就是为什么不是每个网站都会受到影响,但在 body 标签上使用它的网站会向左移动,因为它们不再居中。更准确地说,该站点在几分之一秒内看起来正常,然后整个身体开始向左移动。
我在这里创建了a little demo,如果您没有看到错误,这里是该网站在我看来on Chrome 的屏幕截图。它适用于 Firefox。
我研究了一下,但没有找到任何东西。该错误似乎只对我可见。我没有安装任何可能导致错误的插件。
所以,我的问题是:你知道这个错误吗?你也能看到它吗?我该如何修复它?非常感谢。
【问题讨论】:
-
对我来说很好,我有相同版本的 Chrome。你确定没有其他干扰吗?
-
适用于 Mac OS X 上的版本 36.0.1985.125。
-
您是否尝试过将
display: block;应用于您的body 标签? -
ctrl+shift+n。它在隐身模式下工作吗?即禁用大多数扩展? -
可能还必须将样式应用于 HTML 标记,为什么您要尝试将 body 元素本身居中,这超出了我的范围,正确格式化的站点应该包含在 div 中,然后 div 应该是以身体为中心。
标签: html css google-chrome debugging margin