所以我正在努力完成一些事情。我正在建立一个响应式网站,我遇到了一个有趣的问题。
我有一个#wrapper,它的背景是#FFF。为了显示需要,我在其中放置了一个包含一些内容和正文的标题,每个标题都有不同的背景,因此很容易看到放置在哪里。
对于我的 Wrapper,我给了它 100% 的宽度,因此它可以随着浏览器窗口扩展和收缩。但将它的最大宽度限制为 750 像素,因为我不希望网站比这更宽。
#wrapper {
position:relative;
margin:20px auto;
padding:0px 20px;
width:100%;
max-width:750px;
background:#FFF;
}
请注意,我在其上放置了 0px 20px 的填充。这就是我的问题所在。当您重新调整浏览器窗口的大小时,包装器会随之收缩,但由于某种原因,它忽略了右侧的填充。我想确保不会发生这种情况,因为无论浏览器窗口大小如何,我都希望左右两侧有 20 像素的空间。
任何想法,提示,教训:) ?http://jsfiddle.net/wuJ9H/
谢谢!