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

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

father的高度是屏幕高度

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

怎么做？

前端 css3 css

html5

阅读 12k

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 远程开发怎么办？

css布局怎么保证右边一直在可视范围内？

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

H5页面点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？

为什么会出现CORS error？

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

你尚未登录，登录后可以

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

前端代码更新如何通知用户刷新页面？

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

css布局怎么保证右边一直在可视范围内？

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

H5页面 点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？

为什么会出现CORS error？

H5页面点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？