Розміри елемента

Кожен елемент має ширину та висоту. Блочним елементам можна задавати розміри:


				width: 100%;

				height: 75px;

Намагайтеся уникати використання height, нехай блоки самі собі виставляють висоту. Використовуйте внутрішні відступи padding та висоту строки line-height для керування висотою блоків.

height: 40px;

Не використовуйте висоту у відсотках. Така висота може працювати лише при абсолютному позиціонуванні елемента.

height: 50%;

Додаткові стилі, що обмежують мінімальні та максимальні розміри блоків:


				min-width: 50px;

				max-width: 200px;

				min-height: 50px;

				max-height: 200px;

Приклад застосування у jsFiddle.

"Обнулення" стилів:


				min-width: 0;

				min-height: 0;

				max-width: none;

				max-height: none;