CSS 设置 高度撑满 页面

html-css016

CSS 设置 高度撑满 页面,第1张

样式设置高度撑满整个页面，那么必须从最外层一层一层设置高度100%；代码如下：html,body,div{

height:100%}

这里默认div是第三层，如果要撑满全页面的话，那么外层必须也是高度100%；

下面举个例子：

<html>

<head>

<style>

*{

padding:0

margin:0

box-sizing:border-box}

html,body,div{

height:100%

}

</style>

<body>

<div>高度全屏</div>

</body>

</html>

Js获取高度：

网页可见区域高：document.body.clientHeight

网页可见区域高：document.body.offsetHeight (包括边线的宽)

网页正文全文高：document.body.scrollHeight

网页被卷去的高：document.body.scrollTop

屏幕分辨率的高：window.screen.height

屏幕可用工作区高度：window.screen.availHeight