【发布时间】：2013-11-05 23:33:51
【问题描述】：
我在我的博客上创建了一个 WordPress 主题 - http://misstravelgirl.com/
问题是，当您将浏览器缩小到大约 1060 像素宽度或更小时，您会在右侧看到棕色框旁边的一个大空白区域。我知道是 #palette div 中的填充导致它，因为当我将填充设置为 0 时，它可以解决问题。但是，我仍然想要文本的填充。那么，如何通过删除空白而不调整填充来解决问题？
【问题讨论】：
【发布时间】：2013-11-05 23:33:51
【问题描述】：
没有任何代码示例，我的帮助是有限的。但是，我建议将问题div 的宽度设置为 100%，这样无论浏览器窗口的大小如何，它都会始终填满它。出于这个确切的原因，我尝试以百分比来计算我的大部分宽度和高度。
你也可以试试overflow-x: hidden;
如果你能发布你认为有问题的代码会更好。
【讨论】：
-
这是我的 css 样式表 - misstravelgirl.com/wp-content/themes/Blog%202/style.css 正如您在样式表中看到的那样，我确实设置了百分比，但填充仍然会以某种方式干扰设置。
-
你有这个：
html, body { margin: 0px; padding: 0px; background: #ff; }尝试添加height: 100%; width: 100%;到这个。然后，对于您说您遇到问题的 div（#palette，对吗？），您的宽度仅设置为1000px。尝试将此宽度设置为100%。另外，我不确定您使用#wrapperdiv 做什么，但如果它是整个页面的包装器，那么也需要将其更改为100%。
为什么不尝试将填充添加到您的#content div 而不是#palette div 并使用媒体查询？
@media only screen and (max-width : 1060px) {
#content {
padding: 20px;
}
}
【讨论】：