我想创建一个<div>具有背景颜色的元素，它从屏幕中间开始向右移动到页面末尾（屏幕外），但我不想触发任何滚动条。<div>我想在开头（在屏幕内）有一些信息<div>。
这是 HTML 代码示例：
<div id="footer">
<h2>Information</h2>
<p>Some text</p>
<p class="alignright">Another information in this paragraph.</p>
</div>
这就是我希望它的样子：
你不能只使用身体的css背景图像来达到那个效果吗？
你可以这样做：
#footer {
float: right;
width: 50%;
background-color: blue;
overflow: hidden;
}
溢出隐藏不是必需的，但如果出现滚动条，则不会。
编辑：例如：http: //jsfiddle.net/8nu68/
您可以通过将页脚 div 包装在另一个 div 中来做到这一点。这不仅允许您完全定位页脚 div，而且还允许您将页脚 div 放在外面而不生成滚动条或显示溢出。
例如：
<div id="footer-wrapper">
<div id="footer">
<h2>Information</h2>
<p>Some text</p>
<p class="alignright">Another information in this paragraph.</p>
</div>
</div>
#footer-wrapper { width:300px; height:100px; position:relative; overflow:hidden; }
#footer { position:absolute: top:50px; left:50%; width:300px; }
等等
position:relative 表示带有 position:absolute 的页脚 div 将使用包装器作为位置参考。溢出：隐藏将阻止滚动条并隐藏溢出。
CSS 会让你轻松做到这一点。类似于以下内容：
#footer {
background-color: #b0c4de;
width: 50%;
height: 20px;
float: right;
}