Процентные значения для задания высоты

Вы уже видели, как обрабатываются высоты, заданные в единицах измерения длины, теперь давайте обратимся к процентным значениям. Если значение свойства height блочного элемента в нормальном потоке задано в процентах, то его реальное значение вычисляется как часть высоты блока-контейнера. В результате применения следующей разметки высота абзаца будет 3em:

Half as tall




Поскольку присваивание верхнему и нижнему полям значения auto обеспечит их нулевую высоту, центрировать элемент по вертикали можно, лишь присвоив им обоим значение 25%. Однако в тех случаях, когда значение height блока-контейнера не задано явно, процентные значения заменяются на auto. Если предыдущий пример изменить так, чтобы свойство height элемента div имело значение auto, то высота параграфа будет точно такой же, как и высота самого div:

NOT half as tall; height reset to auto




Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Автоматическое определение высоты
Блок-контейнер
Блок-контейнер
Блочные элементы
Вертикальное выравнивание