首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS统制div自动延伸到窗口100%高度

2012-09-01 
CSS控制div自动延伸到窗口100%高度?在前端人员之间有一个普遍存在的问题,如何让一个div的高度自动延伸到浏

CSS控制div自动延伸到窗口100%高度

?

在前端人员之间有一个普遍存在的问题,如何让一个div的高度自动延伸到浏览窗口100%的高度。有一些不同的方法可以实现,但是,我想出了一个我个人比较喜欢的方法。今天,我将于你分享一下。

我对你是不了解的,但我试图弄明白如何让我的布局垂直拉伸到页面的100%高度,这样一个令我沮丧的问题。我想让div结构自动延伸,但是它就是不能自动延伸,现在,为什么他不能这样那?今天我将与你一起分享这个解决方法。
比方说你有如下html代码文档

?

同时你有如下css样式文件

html {min-height: 100%;_height:100%;}body {margin: 0;padding: 0;min-height: 100%;_height:100%;}#content {background: #EEE;border-left: 1px solid #000;border-right: 1px solid #000;padding: 0 20px 0 20px;margin: auto;font: 1.5em arial, verdana, sans-serif;width: 960px;min-height: 100%;_height:100%;}
?

就是这样,这里是我们现在的最终效果。这个content容器现在已经能自动延伸到整个页面的高度了。

热点排行