cfnr.net
当前位置:首页 >> 如何使网页Div元素高度满屏 >>

如何使网页Div元素高度满屏

CSS估计实现不了,JS可以实现。 Js实现原理:获取屏幕高度,修改容器高度。

html, body {margin:0; padding:0}body {display: flex; flex-direction: column; width:100%; height:100%}.flex {flex: 1 1 auto; box-sizing: border-box; border: 1px solid #000}.h70 {flex: 1 0 70px}.scroll {overflow:auto}导航,高70px...

想要高度100%,需要在css里加写:html, body { height:100%} 这样设置的div高度才能达到100%。 100%是相对的,想要铺满整个屏幕,一层层嵌套的div也得需要100%才行。

无标题文档 .warp{width:100%; height:100%;} 满屏

html,body{height:100%;} #testdiv{width:100%;height:100%;background:#f00;color:#fff;} 这里的DIV就是满屏的了。。。

body ,html的高度都设置为100%; 然后用百分比设置div高度,div高度百分比是按他父元素算的,所以他父元素设置有高度他的百分比高度才有效

不用JS 其实非常简单 无标题文档 html {font-size:12px;height:100%; overflow:hidden;border:0;} body{color:#555555; font-family:Arial, Helvetica;height:100%; overflow:hidden; margin: 0;padding: 0;} div{ height:100%;border:1px solid...

那你试试这样撒。 body{height:100%; overflow:hidden; margin:0px; padding:0px;} .box {height:100%; background:#ff0000; position:absolute; width:100%;}

内容 内容:padding-top:100px

1.class拼错了。。。 2.图片一定要确顶路径对哈

网站首页 | 网站地图
All rights reserved Powered by www.cfnr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com