cwlr.net
当前位置:首页 >> Css 占据剩余空间 >>

Css 占据剩余空间

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

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;}

样式设置高度撑满整个页面,那么必须从最外层一层一层设置高度100%;代码如下:html,body,div{ height:100%} 这里默认div是第三层,如果要撑满全页面的话,那么外层必须也是高度100%; 下面举个例子: *{ padding:0; margin:0; box-sizing:borde...

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

2015-10-14 css怎么设置2个div同行,第一个固定宽度,第二个占满剩余... 8 2014-11-08 左边的DIV设定了固定的宽度,右边的DIV如何自适应地填满剩... 5 ...

无标题文档*{margin:0;padding:0;}     用这个代码

套table

.top{ width:100%; height:200px; position:fixed; top:0px;border:1px solid #000;} .middle{ height:auto; margin-top:200px; } .down{ width:100%; height:200px; position: fixed;bottom:0px; border:1px solid #000;} dddd

上下两个div,底部的div高度可调,上面div高度自适应,填满整个窗口,页面不出现滚动条只用css,不使用js。IE高版本跟谷歌已测。

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