繁体中文
设为首页
加入收藏

推荐

公告

推荐文章
· CSS样式 14个高级技巧精选
· 一行代码杜绝iframe挂马
· css如何控制页面居中
· 与表格边框有关的CSS语法
· 多个CSS样式表争夺特定选...
· XHTML入门学习教程:框架...
· DIV+CSS布局实例:各种2栏...
· 左中右3栏布局中最先显示...
· 最小高度100%页脚保持在...
· CSS初级入门(1):整体布...
热点文章
广告

当前位置:网络首页 >> 网页制作 >> html/css >> 最小高度100%页脚保持在底部的布局方法

最小高度100%页脚保持在底部的布局方法 (2)

2008-01-08 10:42:04  作者:  来源:互联网  浏览次数:61  文字大小:【】【】【
简介:有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究 ...
关键字:保持 布局
3、加上页头页脚和内容部分,为了让 footer 在最下方,我们当然要把 footer“请出”wrapper 之外。当然,这样高度就超过一屏了,别急,后面有解决办法。

#header {
background: Green;
height: 40px;
}
#sidebar {
float: left;
width: 200px;
background: Gray;
}
#content-box {
float: right;
width: 570px;
background: Olive;
}
#footer {
height: 50px;
background: Background;
width:770px;
margin: auto;
}


[1] [2] [3] [4]


相关文章