怎么样才能让子元素继承父元素高度?

<div class="father">
    <div class="son"></div>
</div>

father的高度是屏幕高度

son的高度是内容高度
现在想让son继承father的高度

怎么做？

前端 css3 css

html5

阅读 12.1k

2 个回答

牛书书

✓ 已被采纳

height: 100%
height: 100vh

或者父元素relative, 子元素absolute像狗皮膏药一样贴上去。

.father { position: relative }

.son {
  postion: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

vannvan

6991423

发布于
2020-10-22

<style type="text/css">
.father{
    height: 500px;
    width: 500px;
    background: #ccc
}
.son{
    width: 500px;
    background: #f00;
    height: inherit;

}
</style>
<body>

<div class="father">
    <div class="son"></div>
</div>

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

怎么样才能让子元素继承父元素高度?

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

请问开发React Native，一般是推荐哪个主流的UI库呢？

如何防止接口的 key 泄露?

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

www.baidu.com 中的 baidu 被称为什么域名？