一个div宽度固定,兄弟div铺满剩余空间

直接上代码:

<body style="margin:0;padding:0;height:100%;width:100%;position:absolute;">
<div style="background-color:#c7c7c7;width:300px;height:100%;float:left;">
</div>
<div style="background-color:red;height:100%;margin-left:300px;"></div>
</body>

body块级元素没有高度,要铺满屏幕高度可以设置body为absolute,再去设置宽度和高度,如果不设置宽度,也不是满屏的宽度,

利用的第一个div浮动之后不占据文档流,第二个div不设置宽度,默认宽度是父元素的100%,加一个margin-left,让内容不被第一个div所盖住

猜你喜欢

转载自blog.csdn.net/qq_32018951/article/details/82260217
今日推荐