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

前端之家收集整理的这篇文章主要介绍了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(令人震惊的人数仍然在使用,但我只是忽视那些,并告诉他们更新浏览器)

猜你在找的HTML相关文章