0

Добрый день.
Есть n-количество элементов div в родительском элементе div с высотой, скажем 600px. Как мне с помощью css разместить дочерние элементы по одинаковой высоте?
Спасибо.

1 ответ 1

2

Или вы что-то недосказали, или я действительно не вижу проблемы:

  1. Делаем с помощью float
  2. С помощью inline-block. Дочерние блоки - резиновые по ширине
  3. Аналогично второму пункту, но резиновые и по ширине, и по высоте с ограничением "max-height: 600px;"
  4. Аналогично третьему пункту, но с использованием свойств: display: table и table-cell;
3
  • Дело в том,что здесь указывается по 33% на 3 элемента. А я на момент разметки не знаю, сколько элементов будет в родительским div. Хочется что б высота делилась поровну на количество элементов 26 сен 2014 в 5:25
  • 1
    @Роман Ракзин, проценты только для примера, [можно обойтись и без них][1]. Но судя по последнему предложения, я так понимаю, что вы хотите разместить элементы по вертикали и разделить высоту "родителя" поровну на все дочерние? Если именно такой вариант вам нужен, то можно использовать flexbox. [Смотрите пример][2]. [1]:jsfiddle.net/Deonis/m33zfgac/6 [2]:jsfiddle.net/Deonis/m33zfgac/7
    – Deonis
    26 сен 2014 в 9:46
  • Спасибо. Да. Это то,что нужно. 26 сен 2014 в 19:26

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.