Получить CSS Div, чтобы заполнить доступную высоту - PullRequest
12 голосов
/ 19 февраля 2010

У меня есть div с 2 элементами.

<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 'follower' имеет следующие свойства CSS

position:relative;

vertical-align:middle;
height: auto;

display: inline-block;

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

Div 'decider' решает, насколько высоким будет div 'master'. Возможно ли, чтобы div 'follower' занимал столько вертикального пространства в div 'master', сколько возможно?

Я пытался height: 100%, но это только заставило div 'follower' занять весь экран (по вертикали)

1 Ответ

27 голосов
/ 19 февраля 2010

Мастер должен иметь

position: relative;

и тогда у последователя должно быть

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

Это должно работать, за исключением IE6 (который до сих пор использует тревожное количество людей, но я бы просто проигнорировал их и попросил обновить их браузер)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...