css - 用单杠去掉右边多余的空格？

Question

这是网站:a link

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

在此问题上的任何帮助将不胜感激......谢谢!

Answer 1

您应该尝试将 wave 背景图像放在页脚类中，而不是放在 ul 标记中。您的页脚 ID 已设置为 100% witdh，因此它应该填满页面的整个底部。

#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 png 中的白色不是透明的。