mshd.net
当前位置:首页 >> Div占满剩余高度 >>

Div占满剩余高度

这个不可能做到,因为你没有设置页面高度,你这样下面的可以无限长,只要你加内容就会自动增加高度,其实你这就是个自适应

用绝对定位就可以了 .main { position : absolute; top : 2rem; /* header的高度(包含边框,margin) */ left : 0; bottom : 0; right : 0;}/* .main的父级 */.main-parent { position:relative; /* 也可以是absolute;根据自己的实际情况定 */}

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

html{height:100%;}body{margin:0; padding:0; border:0;font-family:Microsoft YaHei,'微软雅黑'; font-size:12px; background:#FFF;height:100%;}table{border-collapse: collapse;}tr,td{padding:0;margin:0;border:0;} {{template "admin/to...

右边盒子设置宽度百分之百,margin-left是左边盒子的宽度就可以了 或者伸缩布局,设置flex

内容 内容:padding-top:100px

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...

.div1{ height:100px; position:absolute;}.div2{ height:100%; padding-top:100px; box-sizing: border-box;}

var winWidth=0; var winHeight=0; //获取窗口宽度 if (window.innerWidth){ winWidth = window.innerWidth; }else if ((document.body) && (document.body.clientWidth)){ winWidth = document.body.clientWidth; } //获取窗口高度 if (window....

一种是纯css,这种情况下需要div是body的子元素,设置width:100%;height:100%;当然了这种情况下兼容性不是很好,不过主流浏览器是可以达到效果的,另外一种情况就是使用js了,使用js获取window的宽度和高度,然后对想要设置的div设置高度和宽度

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