header-logo宽600px。这会导致滚动条，即使＃header-logo中的子项具有％宽度或没有设置宽度，因此它们似乎不会溢出，但它们确实会溢出。

Question

在这个WordPress网站http://www.grappler.tk/dyebeta/上，当我将浏览器的大小调整为小于500px时，底部会出现一个滚动条，右边的空格会显示空白区域。

Answer 1

你可以让＃header-logo没有宽度，并使用@media查询在较大的屏幕上添加min-width：600px（如果你需要宽度，因为它是浮动或其他东西），或者你可以保持宽度：600px，并将其他人设置为最小宽度600px（这会破坏你的响应能力）。

当您将浏览器的大小调整为小于500px左右时，主框保持宽度：90％您已设置... 90％的正文。奇怪的是，你的身体元素正如我所期望的那样（它只比你的包裹宽一点），但背景颜色仍在继续（通常也会被切断）。也许它被绘制在html元素上，无论如何都会填充视口。

我爱身体：在内容之后，这是一个很好的调试工具

Answer 2

从style.css第68行（＃header-logo）

中删除宽度600px

宽度600px从css下方删除。

#header-logo {
    float: left;
    text-align: left;
    vertical-align: middle !important;
}