У меня есть два div внутри родительского div (см. Рисунок ниже). Когда «черный» div растет в высоту, так и внешний «красный» div, но я хочу также увеличить «зеленый» div. Как это можно сделать в css?Сделать внутренний div расти в высоту, когда внешний div растет
Вы можете использовать свойства CSS table, table-row, and table-cell. Возможно, вам потребуется проверить, поддерживает ли он в браузерах ваш таргетинг. http://www.quirksmode.org/css/display.html#table
Пример: http://jsfiddle.net/2GawC/
D: но это не нужно для этого, а макеты таблиц ужасны! –
Я не могу придумать другой способ сделать это? 100% divs будут только соответствовать содержимому, а не расширяться с братьями и сестрами: -S –
Он говорит о применении стиля макета таблицы к div в CSS, а не в использовании табличного макета в HTML. В этом нет ничего страшного, это вполне законное решение. –
Использование height:100% это, вероятно, не работает, потому что родительский DIV имеет position атрибут static (по умолчанию). Примените position:relative к родительскому, и он должен работать. :)
Не помогло .... –
как 100% высоты? –
Вы попробовали 'height: 100%'? Или это не движется по мере роста черного 'div'? – Biotox
Поиск раскладок CSS с несколькими колонками, как здесь, так и в Google, и у вас возникнет много вопросов об этом точно таком же. – Ktash