当父元素设置了min-height: 100%时,子元素不会继承高度
P粉517814372
P粉517814372 2023-08-21 23:25:12
[CSS3讨论组]

我发现一种方法可以使一个div容器至少占据整个页面的高度,方法是设置min-height: 100%;。然而,当我添加一个嵌套的div并设置height: 100%;时,它并没有延伸到容器的高度。有没有办法修复这个问题?


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

#containment {
  min-height: 100%;
  background: pink;
}

#containment-shadow-left {
  height: 100%;
  background: aqua;
}
<div id="containment">
  <div id="containment-shadow-left">
    Hello World!
  </div>
</div>


P粉517814372
P粉517814372

全部回复(1)
P粉799885311

在父容器中添加height: 1px。在Chrome、FF和Safari中有效。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号