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

相关文章推荐

想表白的领结 · 腳本撰寫簡介：以資料更新為例· 7 月前 ·

幸福的豆腐 · pvc status ...· 1 年前 ·

苦闷的水龙头 · android排除报很多错方法 ...· 1 年前 ·

爱喝酒的核桃 · FFMPEG批处理文件，用于压缩图像JPG ...· 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;

推荐文章

想表白的领结 · 腳本撰寫簡介：以資料更新為例

7 月前

幸福的豆腐 · pvc status lost_mob649e816594b7的技术博客_51CTO博客

1 年前

苦闷的水龙头 · android排除报很多错方法 Execution failed for task ':app:compileDebugJavaWithJavac' in Android Studio - 大自然的

1 年前

爱喝酒的核桃 · FFMPEG批处理文件，用于压缩图像JPG JPEGs并保留EXIF（元数据）。

2 年前

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

2 个回答