让div与浏览器高度相同

方法:
设置html,body{height:100%}
原理:
因为如果不加，那么body高度的值，就是页面所有元素所到达的高度。

可以给body加上一个背景颜色来查看效果，如果文件流不是很长，不至于占满整个窗口（未产生滚动条），那么可以看到背景颜色只是作用到文件流的末尾。

而给html的加上"height:100%;"这一样式，则指定了body的父元素高度为100%，再在body中指定height:100%;，意味着占满整个窗口。

这样做，在文件流不占满窗口时，背景等效果也能很好地呈现。

让div与浏览器高度相同相关推荐

怎么让DIV的高度为浏览器高度
一.困惑了我很久的一个问题,本来想做一个导航,但是死活不能为浏览器高度,后来判断浏览器高度什么的,这里最重要的就是属性position:absolute <body> <fo ...
div没有设置高度，背景颜色却无法显示
在设计网页时,设置了div为自动高度或不给height值,当div设置背景时在IE6可以显示背景颜色,但是IE7,8却不显示. 解决办法如下: 1.把 height:auto; 改成 height:1 ...
html图片自适应浏览器高度,css如何高度自适应浏览器高度？
高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容. 在IE7+及chrome.firefox等浏览器中, ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...)
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不 ...
DIV+CSS浏览器兼容问题
IE6能识别*和_,但不能识别 !important, IE7能识别*,也能识别!important,不能识别_; FF不能识别*和_,能识别!important; 所以可以这样来区分IE6,IE7, ...
设置元素高度跟浏览器高度一致
场景一:在vue中,设置内部元素默认高度与框架内部高度保持一致,子元素超出则显示滚动条滚动,默认父元素高度不变,撑高为框架高度解决防范: <div :style="{ 'height ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox)
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 ...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不 ...
Antd vue 和 element的表格高度根据浏览器高度变化
1. antdv表格根据scroll里y的值来控制表格高度,当内容超出y值后表格就会出现滚动条.需要为表格的y提供一个会随浏览器高度变化而变化的参数,窗口越小表格允许展现的高度也越小,例子中是由upd ...

让div与浏览器高度相同

让div与浏览器高度相同相关推荐

最新文章

热门文章