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

相关文章推荐

文武双全的刺猬 · 文明探源，习近平总书记高度重视的重大工程-岳 ...· 7 月前 ·

安静的冰棍 · 群英荟萃，辩穷天问_刑事司法学院第二十二届“ ...· 10 月前 ·

逼格高的牛腩 · 【文章】神车高尔夫GTI火了！但这次是着火的 ...· 1 年前 ·

怕考试的茶壶 · 宽银幕电影_百度百科· 1 年前 ·

害羞的针织衫 · 皮克的“网球世界杯”梦碎！其投资集团与戴维斯 ...· 1 年前 ·

腾讯云

备案控制台

开发者社区

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;

推荐文章

文武双全的刺猬 · 文明探源，习近平总书记高度重视的重大工程-岳阳市云溪区政府门户 ...

7 月前

安静的冰棍 · 群英荟萃，辩穷天问_刑事司法学院第二十二届“砺剑杯”新生辩论赛 ...

10 月前

逼格高的牛腩 · 【文章】神车高尔夫GTI火了！但这次是着火的火_车家号_汽车之家

1 年前

怕考试的茶壶 · 宽银幕电影_百度百科

1 年前

害羞的针织衫 · 皮克的“网球世界杯”梦碎！其投资集团与戴维斯杯合作将结束

1 年前

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

2 个回答