用单杠摆脱右侧多余的空白？

Question

因此，这里是网站：a link

当你让你的屏幕更小，水平滚动......你会看到我的问题，即“包装”内的一切都被切断，然后有一大堆额外的空白在右边的空间......我很确定它是在包装，但我不知道如何让这个包装保持静止，并在屏幕最小化时不被切断。

任何有关这个问题的帮助将不胜感激......谢谢！

Answer 1

你应该尽量把你的波背景图像页脚类里面，而不是一个UL标签。你的页脚id已经设置为100％，所以它应该填写完整的页面底部。

#footer { 
    height:275px; 
    width:100%; 
    margin: 0 auto; 
    margin-bottom:0; 
    background: #000 url(http://dropbuckets.com/wp-content/themes/Freshman%20101/images/waves.png) repeat-x 0 top; 
} 

确保wave wave中的白色不透明。

Answer 2

您需要将body上的min-width设置为页面上最大元素的min-width。在这种情况下#access为940px：

body { 
    background: none repeat scroll 0 0 #F1F1F1; 
    min-width: 940px; /* add this */ 
}