Высота блоков

Свойство height устанавливает высоту элементов, которые могут быть, как блочные, так и строчные ( в том числе и высоту изображения ).Высота элемента может задаваться в процентах, пикселях или автоматически.

Свойство height не учитывает толщину границ border вокруг элемента, величину отступов margin и полей padding.


height : 12%;
height : 180px;
height : auto;
height : inherit;

12% – высота элемента двенадцать процентов.

180px – ширина элемента сто восемьдесят пикселей.

auto – автоматическая величина.

inherit – наследует значение родителя.


HTML

<div class="height-block">
  Height
</div>


CSS

.height-block{
    width: 90px;
    height: 180px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: 2px solid #333;
    background-color: #FC0;
}