Question

如何高度：100％实际上对.rel div有效？我确信相对div在过去从未考虑过百分比高度......

＆＃13;

.box{
    width: 200px;
    height: 200px;
}

.rel{
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid red;
}

a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
}

b{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

＆＃13;

<div class="box">
  <div class="rel">
    <a> aa  </a>
    <b> bb </b>
  </div>
</div>

＆＃13;

Answer 1

如果父母（在这种情况下为box）也被赋予高度，则相对div可以使用百分比高度。由于你给box高度为200px，给rel一个百分比高度实际上意味着什么。如果其父级没有定义高度，rel的高度将没有意义，因为它的父级没有高度。如果您移除box的身高，则更改rel的身高将无效，如下所示：http://jsfiddle.net/sxv9jLdz/

怎么来高度：100％适用于相对div？

1 个答案: