html – 获取CSS Div以填充可用的高度

我有一个有2个元素的div.

<div id="master">
      <div id="follower"></div>
      <div id="decider"></div>
<div>

‘master’div具有以下CSS属性

height:auto;
width:auto;
margin:0;
padding:10px;   
display:block;

“追随者”div具有以下CSS属性

position:relative;

vertical-align:middle;
height: auto;

display: inline-block;

margin-top: 0px;
margin-bottom:0px;

“决定者”div决定“主人”div的高度. “追随者”div可能在“主”div中填充尽可能多的垂直空间？

我尝试了高度：100％,但只是使“追随者”div占据整个屏幕(垂直)

解决方法

主人应该有

position: relative;

然后跟随者应该有

position: absolute;
top: 0;
bottom: 0;

这应该是正常的,除了IE6(令人震惊的人数仍然在使用,但我只是忽视那些,并告诉他们更新浏览器)

原文地址：https://www.jb51.cc/html/230112.html