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

Div占满剩余高度

填充top以下的部分

用绝对定位就可以了 .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%;}

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

MyHtml.html.mydiv {height: 100%;background-color:red;position: absolute;width: 100%;} 

无标题文档 .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...

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

无需js、无需浮动,直接用CSS即可搞定这样的布局,主要代码如下: #sidebar, #container {min-height:400px; /* 视具体情况 */}#sidebar {width:210px; background-color:#ebb058; position:absolute; top:0; left:0;}#container {margin-left:2...

内容 内容:padding-top:100px

下面是我写的代码,实现了你要的效果,你看看,有不理解的可以HI我,代码如下: 无标题文档 body{margin:0; padding:0;} .div_1{width:1000px; height:80px; background:#CCCCCC; margin:0 auto} .div_2{width:1000px; min-height:10px; height:...

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