相关网页位于：http://www.allweatherwood.com/test-page/
如果你在Internet Explorer或Firefox中查看它，你应该会发现它看起来非常好。但在Chrome中，出于某种原因，它是一种完全不同的动物。世界上到底发生了什么？看起来导航区域略微受到撞击，这导致主要内容区域移动到页面右侧的奇怪问题？为什么只显示该区域的一小部分？我很难过。已经尝试查看代码，我无法弄清楚问题出在哪里。
CSS可以在这里找到：http://www.allweatherwood.com/wp-content/themes/allweatherwood/style.css
对此的任何帮助都非常感谢！
答案 0 :(得分：1)
如果您将width: 960px;甚至width: inherit设置为content-wrapper div，它看起来还不错。无论出于何种原因，当web溢出被设置为隐藏时，webkit不会按照预期的方式计算div的宽度。
也许有人确切知道为什么？
答案 1 :(得分：0)
主菜单中的元素都是float:left，因此内容会浮动到这些元素上。插入
<div style="clear: both"></div>
在标题之后阻止其他元素浮动。
顺便说一句，如果您将HTML声明为XHTML 1.0，请提供valid XHTML 1.0。