Как в CSS при увеличении высоты дочерного блока и увеличить высоту родительского блока?

Question

[eldar_web]

Вот здесь приведен пример:
codepen.io/anon/pen/XbGXgL

Блок при position: fixed имеет дочерний блок. Вот когда дочерний блок увеличивает размер высоты родительский блок остается на месте. Как же сделать так, что при изменении размеров дочернего блока совместно менялся и родительский блок?

Answer 1

[Дима Паутов]

min-height

Comments

[eldar_web]

Я попробовал давно. Не получается.

[Дима Паутов]

с чего это не получается? Спорим у меня получится?

[Дима Паутов]

eldar_web: jsfiddle.net/x9aj27hh

[eldar_web]

Только при top:0 ? А мне нужно в самом центре.

[onahapa]

eldar_web: Вы пробовали написать top: 50%? Попробуйте

[Дима Паутов]

onahapa: ну и?? jsfiddle.net/x9aj27hh/2

[onahapa]

Дима Турков: jsfiddle.net/x9aj27hh/3

[Дима Паутов]

onahapa: в отличии от вашего момента, у меня все по центру, даже когда высота меняется!

[onahapa]

Дима Турков: я Вас перепутал с автором темы ;)) Думал то, как вы это сделали, ему не подошел, поэтому предложил такой вариант.

Answer 2

[onahapa]

У Вас же высота фиксирована. Если только ручками самому

$('button').on('click', function(){
  $('.children_block').height('170px');
  $('.fixed_block').height('190px');
});

$('a').on('click', function(e){
  e.preventDefault();
  $('.children_block').height('130px');
  $('.fixed_block').height('150px');
});

Comments

[eldar_web]

Без JS надо. А JS крайний случай в этом деле.

Answer 3

[Руслан Абдуллаев]

Например так