Полное описание примера всплывания без использования 'clear'

На диаграмме показан всплывающий бокс ("inner") и то, как его "родственники" обтекают вокруг него.

Показано окно документа из 8 строк (пронумерованных от 1 до 8) по 24px высотой каждая. Поскольку бокс "inner" всплыл вправо, весь остальной текст обтекает вокруг него, включая текст "родственного" бокса (на строках с 1 по 5).

В следующем элементе PRE каждая строка в 24 пикселов симулируется двумя строками, которые пронумерованы. Вертикальная черта обозначает левый край всплывающего бокса. Строки изображения содержат:

1 Beginning of body contents. Start 

2 of outer contents.     | Inner

3 Sibling contents. End  | contents.

4 of outer contents. End of body
 
5 contents.

По умолчанию цвет текста - чёрный. "Start of outer contents" -красный. "Inner contents" - голубой. "Sibling contents" - красный. "End of outer contents" - красный.

Вернуться к изображению.

Hosted by uCoz