css - [position相关]父元素fixed，子元素absolute,为什么父元素不能被子元素的内容撑开？

问题描述

问 题

jsfiddle

 <style>
    div{
      box-sizing: border-box;
    }
  .container{
    width: 100%;
    position: fixed;
    border:1px dashed green;
  }
    .content{
      position: absolute;
      width: 500px;
      height: 500px;
      border: 1px dashed red;
    }
  </style>

  <div class="container">
    <div class="content">
    </div>
  </div>

解决方案

.content设置了position: absolute;只是相对于于.container绝对定位而已。设置了position: absolute是不会占位置的！

这篇关于css - [position相关]父元素fixed，子元素absolute,为什么父元素不能被子元素的内容撑开？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！