CSS问题 - 右侧有大的空白区域

Question

我在博客上创建了一个WordPresss主题 - 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; } }