和你用什么写无关……
发个例子给你
html
head
style type=text/css title=
html, body, #wrap {height:100%;}
body #wrap {height:auto; min-height:100%;}
#main {padding-bottom:70px;}/*footer+10px间距*/
#footer {position:relative;margin-top:-60px;height:60px;clear:both;}
.clearfix:after {content: .;display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
*html .clearfix { height: 1%;}.clearfix {display: block;}
#content{float:left;width:878px;border:1px solid #999;height:400px;}
#side{float:right;width:98px;border:1px solid #999;}
#footer{border:1px solid #999;}
/style
/head
body
div id=wrap
div id=main class=clearfix
div id=content说明: 使用这个布局的前提,就是footer要在总的div容器之外,footer使用一个层,其它所有内容使用一个总的层。如果确实需要到添加其它同级层,那这个同级层就必须使用position:absolute进行绝对定位。/div
div id=sideSide/div
/div
/div
div id=footerffff/div
/body
/html
取消
评论