CSS 设置 高度撑满 页面

html-css024

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>

我觉得可以先定义好这个程序页面的宽度，比如width:100%或者width:200px这个看你实际的需要，可以先将要显示的区块，先display:none然后用jquery的一些动画方法，比如show()、fadeout()或者自定义的动画来显示，仅供参考哈！~