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

<div style="height: 6em;">
<p style="height: 50%;">Half as tall</p>
</div>

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

<div style="height: auto;">
<p style="height: 50%;">NOT half as tall; height reset to auto</p>
</div>

Добавлено: 17 Июля 2018 22:45:59 Добавил: Андрей Ковальчук Нравится 0

Добавить