Каскадные таблицы стилей, уровень 1.Спецификация CSS1


Блочные элементы - часть 5


<STYLE TYPE="text/css"> IMG { float: left } BODY, P, IMG { margin: 2em } </STYLE>

<BODY> <P> <IMG SRC=img.gif> Примерный текст, чтобы показать... </BODY>

Форматирование в приведенном примере будет выглядеть так:

________________________________________ | | max(граница BODY, граница P) | ______________________________ | | | Примерный текст, | г | г |границы IMG чтобы показать, как | р | р | _____ плавающие элементы | а | а | | | смещаются относительно | н | н | | IMG | к сторонам родительского | и | и | | | элемента, несмотря | ц | ц | |_____| на приоритет | a | а | границы, бордюра | | | и заполнения. | B | P | Обратите внимание, | O | |как смежные вертикальные границы | D | |сжимаются между фиксированными | Y | |блочными элементами.

Обратите внимание, как границы элемента 'P' окружают плавающий элемент 'IMG'.

Есть два случая, когда плавающие элементы могут перекрывать области границы, рамки и отступа других элементов:

  • когда плавающий элемент имеет отрицательную величину границы: отрицательные границы плавающих элементов имеют приоритет над иными блочными элементами;
  • когда плавающий элемент выше или шире чем элемент внутри.




- Начало -  - Назад -  - Вперед -