Сделать так, чтобы div заполнил оставшееся пространство ячейки, таблица отображения не работает (прилагается JsFiddle),

У меня есть всплывающее окно с таблицей внутри, строкой и двумя разделами.

Мне нужен нижний div, чтобы взять оставшуюся высоту.

Оскорбительный div

<div id="overview">

Он переполняет ячейку

Есть ли способ, чтобы этот div занял оставшуюся высоту, не фиксируя ее, так как это всплывающее окно изменит размер

Пример JsFiddle


html css-tables
person TheGeneral    schedule 04.11.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Измените свой css:

CSS

#overview {
  height:auto;
}

.CSSTableGeneratorRound {
  height:auto;
}

Мой CodePen

person ColoO    schedule 04.11.2013
comment
Вау, спасибо, однако мне действительно нужно было, чтобы высота основного блока оставалась прежней, и чтобы блок #overview прокручивался вертикально, извините, мой вопрос, возможно, был слишком расплывчатым. - person TheGeneral; 05.11.2013
comment
Вы должны заменить auto на фиксированный размер. пример #overview {height:150px;} и .CSSTableGeneratorRound{height:500px;} - person ColoO; 05.11.2013
comment
Я пытался обойти исправление высоты #overview, но я думаю, что нет способа обойти это без использования некоторого javascript. В любом случае спасибо за помощь - person TheGeneral; 05.11.2013