div用百分比设置高度无效

最新推荐文章于 2024-06-21 13:41:59 发布

一个蛋挞

最新推荐文章于 2024-06-21 13:41:59 发布

阅读量952

点赞数 1

分类专栏： h5+css3 文章标签： html css

本文链接：https://blog.csdn.net/cflsh/article/details/113405702

版权

h5+css3 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

div用百分比设置高度无效

原因：当body里没有设置高度时，直接用百分比设置div的高度是无效的，只能依靠div自身的内容撑开。但是，在这时用绝对值单位（px）设置div的高度是有效的。
下面展示一些 内联代码片。

 body {
            font-size: 30px;
            /* 设置body占满视口区，vh为视口区的单位*/
            height: 100vh;
        }

        div {
            width: 50%;
            /* body里面没有高度，靠内容撑开，用百分比设置高度无效 */
            height: 50%;
            }

<body>
    <div>hello</div>
</body>

一个蛋挞

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
div用百分比设置高度无效

div用百分比设置高度无效原因：当body里没有设置高度时，直接用百分比设置div的高度是无效的，只能依靠div自身的内容撑开。但是，在这时用绝对值单位（px）设置div的高度是有效的。下面展示一些内联代码片。 body { font-size: 30px; /* 设置body占满视口区，vh为视口区的单位*/ height: 100vh; } div { width:
复制链接

扫一扫

专栏目录