CSS设置DIV高度百分之百及后台系统界面布局

最新推荐文章于 2022-10-27 14:23:44 发布

duansamve

最新推荐文章于 2022-10-27 14:23:44 发布

阅读量2.3k

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/duansamve/article/details/80574059

版权

css 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

html,body{
    height: 100%;margin: 0;padding: 0;
}

<div style="width: 220px;background:#0a6aa1;height: 100%;float:left;"></div>
<div style="margin-left: 230px;background:#ff66cc;height: 100%;padding-top:50px;overflow:auto;color:#ffffff;"></div>

要实现最外层div高度为100%（百分之百），关键对html和body要设置高度100%,如果只设置html和body标签其中一个高100%，也是无法实现body内第一个盒子高度100%的。但犹豫body默认有一定margin值，但设置body高度height 100%后，浏览器就会出现滚动条，所以可以对body设置margin为零，去除间距实现div height 100%也无滚动条效果。