在定义css内容页时，container里面包含content和sidebar，但是footer却跑到了中间，怎么回事？

Question

以下为我定义的css：#container{
margin:1px auto;
width:980px;
margin-bottom:1px;
height:auto; 【这里如果加上具体值的话就ok了，但是实际需要auto。】
}
#content{
width:670px;
float:left;
height:800px;
}
#sidebar{
height:800px;
width:300px;
float:right;
} #foot{
margin:2px auto;
height:55px;
background:url(file:///images/back_bottom.jpg);} 请高手解决！

Answer 1

呵。div+css要考虑到兼容的问题的...

有一条叫做万能Float闭合原则。。也就是说你只要用了Float:left or float:right 。如果想让下一个div块换行的话
就得加一个<div style='clear:both'></div>
这样你的#Foot就下来了。。。兼容问题。。要多看看...大网站怎么弄的.

Answer 2

在#foot里加入clear:both;来清除浮动信息应该就可以了。

Answer 3

代码呢，都不知道你怎么放的，光样式？