用单杠去掉右边多余的空白？

【问题标题】：Get rid of extra blank space on right with horizontal bar?用单杠去掉右边多余的空白？
【发布时间】：2012-01-18 19:08:54
【问题描述】：

所以这里是网站：a link

当您缩小屏幕并水平滚动时...您会看到我的问题，即“包装器”中的所有内容都被切断，然后右侧有一大堆额外的空白区域...我很确定它在包装器中，但我不确定如何让这个包装器保持静止并且在屏幕最小化时不会被切断。

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

【问题讨论】：

您能否发布您的 HTML 和 CSS 代码？

标签： css alignment padding margin

【解决方案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; 
}

确保波浪 png 中的白色不透明。

【讨论】：

【解决方案2】：

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

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

【讨论】：