CSS布局问题

前端之家收集整理的这篇文章主要介绍了CSS布局问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不能为我的生活找到一种方法来使这项工作.

如果我有3个div(左侧边栏,一个主体和一个页脚),我怎么能让侧边栏和主体坐在一起而不将它们的位置设置为“绝对”或浮动它们?执行这些选项中的任何一个都会导致页脚div没有被一个或另一个向下推.

无论在这些元素之前发生什么(比如说另一个标题div或其他东西),我怎么能实现这个目标?

如果它有帮助,这里是我试图允许的两种情况的说明:

alt text http://www.nickawilliams.com/files/layout.jpg

这是我目前设置的HTML的简化版本:

<div id="sidebar"></div>
<div id="content"></div>
<div id="footer"></div>

解决方法

您需要指定页脚以清除浮动:
#footer{
 clear: both;
}

这迫使它在浮动元素下.

清除的其他选项是左右.

猜你在找的CSS相关文章