css - CSS问题 - 右侧的大空白

Question

我在我的博客上创建了一个 WordPress 主题 - http://misstravelgirl.com/

问题是，当您将浏览器缩小到大约 1060 像素宽度或更小时，您会在右侧看到棕色框旁边的一个大空白区域。我知道是 #palette div 中的填充导致它，因为当我将填充设置为 0 时，它可以解决问题。但是，我仍然想要文本的填充。那么，如何通过删除空白而不调整填充来解决问题？

Answer 1

没有任何代码示例，我的帮助是有限的。但是，我建议将问题的宽度设置div为 100%，这样无论浏览器窗口的大小如何，它都会始终填满它。出于这个确切的原因，我尝试以百分比来计算我的大部分宽度和高度。你也可以尝试类似的东西overflow-x: hidden;

如果您可以发布您认为有问题的代码，那就更好了。

Answer 2

为什么不尝试将填充添加到您的#content div 而不是#palette div 并使用媒体查询？ @media only screen and (max-width : 1060px) { #content { padding: 20px; } }