css浮动元素height设置100%,外部元素设置高度则浮动元素有高度,不设置则浮动元素没有高度,这是为什么?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

css浮动元素height设置100%,外部元素设置高度则浮动元素有高度,不设置则浮动元素没有高度,这是为什么?

2016-06-03 10:09:23 2940 1
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .out {
            background: #ccc;
            border: 5px solid #000;
            overflow: hidden;
            min-height: 400px;
        }
        .div1 {
            float: right;
            height: 100%;
            width: 100px;
            background: red;
        }
        .div2 {
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div class="out">
        <div class="div1"></div>
        <div class="div2">
            <br><br><br><br><br><br><br>
        </div>
    </div>
</body>
</html>

如果把.out 的min-height 改成 height div1 就有高度 这是为什么? 为什么 overflow:hidden 和min-height 不行

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:26:03

    div1 是百分比高度是相对于父级out有固定高度属性的,min-height 定义了 最小高度 并不是固定的高度值

    0 0
相关问答

1

回答

为什么这个css设置后这么奇怪??

2016-06-12 18:03:59 1679浏览量 回答数 1

1

回答

JS/CSS 选项卡 – 幻灯片效果

2020-02-13 19:02:25 606浏览量 回答数 1

2

回答

JS/CSS 选项卡 – 垂直方向

2020-02-13 19:06:11 748浏览量 回答数 2

2

回答

JS/CSS 选项卡 – 设置关闭按钮

2020-02-13 19:10:52 770浏览量 回答数 2

2

回答

JS/CSS 选项卡 – 设置默认选项

2020-02-13 19:17:47 841浏览量 回答数 2

1

回答

JS/CSS 各种操作信息提示效果

2020-02-13 16:37:08 651浏览量 回答数 1

1

回答

JS/CSS 登录表单

2020-02-13 16:43:12 568浏览量 回答数 1

1

回答

JS/CSS 注册表单

2020-02-13 16:46:15 580浏览量 回答数 1

2

回答

JS/CSS 菜单按钮切换(打开/关闭)

2020-02-13 16:50:10 797浏览量 回答数 2

2

回答

JS/CSS 手风琴动画效果

2020-02-13 16:52:19 983浏览量 回答数 2
+关注
杨冬芳
IT从业
文章
问答
问答排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
Java开发手册-孤尽秘传版
立即下载
低代码开发师(初级)实战教程
立即下载