如何设置父div的高度为子div的position: absolute

相关文章推荐

威武的茶叶 · 【摘要】李子君：“《切韵》学史”之命名与“切 ...· 6 月前 ·

想表白的饼干 · 教你做青团，做法和比例都告诉你，软糯香甜，好 ...· 6 月前 ·

苦闷的金鱼 · 北京肿瘤医院2025年社会人员公开招聘公告_ ...· 6 月前 ·

贪玩的手套 · Family Link from ...· 6 月前 ·

温柔的电梯 · 开发安卓游戏需要什么开发软件？一般需要学什么 ...· 2 年前 ·

腾讯云

备案控制台

开发者社区

TVP

文章/答案/技术大牛

写文章

如何设置父div的高度为子div的position: absolute

    <div class="content">
      <div class="container">
          some other elements whose height is 652px... 
     </div>

.content {
  position: relative;
.container {
  position: absolute;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 120px 0;
}

var content=document.querySelector('.content');
var container=document.querySelector('.container');
content.style.height=container.offsetHeight + 'px';

*{box-sizing:border-box;}
.content {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  /*padding: 120px 0;*//*Padding removed for example*/
   border:5px solid green;
.container{
  position: absolute;
  overflow: hidden;
  width: 100%;
  border:2px solid red;

推荐文章

威武的茶叶 · 【摘要】李子君：“《切韵》学史”之命名与“切韵系韵书”纂修史之分期

6 月前

想表白的饼干 · 教你做青团，做法和比例都告诉你，软糯香甜，好吃又好看_面团

6 月前

苦闷的金鱼 · 北京肿瘤医院2025年社会人员公开招聘公告_ 北京市人力资源和社会 ...

6 月前

贪玩的手套 · Family Link from Google - Family Safety & Parental Control Tools

6 月前

温柔的电梯 · 开发安卓游戏需要什么开发软件？一般需要学什么？_51CTO博客

2 年前

如何设置父div的高度为子div的position: absolute

2 个回答