ilia makarov

Блочная модель

Строчные элементы - это все то, что раскладывается друг за другом в строки и переносится на следующие строки, когда не хватает ширины.

Блочные элементы - они занимают по ширине все доступное им место и никуда не переносятся.

Поток

box flow

float: left, right, none - обтекание (выбиваем из потока)

img float

<p>
    <img style="float: left;" src="..." alt="">
    ...
</p>

box flow float

clear: left, right, both - отменить обтекание

flow clear

Еще один пример, как можно расположить блоки, относительно друг друга

float flow

Подробная статья про обтекания

Видимость элемента

visibility: hidden, visible

visibility: hidden

display: none

display: none

display: inline

display: inline


Содержание | Задания