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

Div占满剩余高度

你这个问的有问题,高度填满剩余,以什么高度为标准呢?是左边还是右边的还是固定的高度

html,body{ height: 100%;}.div{ background-color:#000000; width: 100%; height: 100%;}刚查到的DIV父层是Html和Body,它们默认的高度为auto,所以只更改DIV的高度为100%是不对的,需要设置html,body它们的高度为100%才可以全屏.

填充top以下的部分

无标题文档 .all{border:2px solid black;height:100%;} .one{border:2px solid red;} .two{border:2px solid blue; height:200px;} var ss; window.onload=function() { var w=document.documentElement.clientWidth ;//可见区域宽度 var h=do...

Documentbody{margin:0;}.stage{position:relative;}.left{position:absolute;left:0;top:0;background-color:green;width:200px;height:500px;}.center{margin-left:200px;background-color:orange;height:500px;}

给div设置height:100%;就好了,在给div设置高度100%之前记得先给html,body设置高度为100%,不然的话div的高度会无效

左边固定宽度 右边撑满剩余宽度

内容 内容:padding-top:100px

.row{display: flex;wrap: no-wrap;}.box1{width: 100px;height: 100px;}.box2{width: 100%;height: 200px;background: black;color: #fff;}box1box2可以简单参考一下,上面用了flex布局。(我也是最近才学的) 至于用浮动来实现,一时半会我还...

css 总高度100%。里面有两个垂直的div。上面的高度自适应。下面的40px。 如题,里面的两个div,不能有重叠部分。用css,这个改怎样写呢?感谢 展开 我来答 1条回答 fengs7476 LV.8 2018-04-13 头部DIV 下部DIV html,body { height: 100%; paddin...

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