Свойство clear позволяет отменить обтекание элементов с установленным свойством float.
Возможные значения:
none — Отменяет действие свойства clear. Обтекание элементов происходит так, как оно задано свойством float и другими.
both — Отменяет обтекание элемента с обоих сторон.
left — Отменяет обтекание элемента с левой стороны.
right — Отменяет обтекание элемента с правой стороны.
При отмене обтекания элемента с какой-либо сторон элемент будет располагаться под элементами, выровненными по этой стороне.
Значение по умолчанию: none
Наследуется: Нет
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html> <head> <title>CSS clear example</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> <img src="image0001.png" style="float:left;"> <p>Этот текст будет обтекать картинку.</p> <p style="clear:left;">Этот текст не будет обтекать картинку.</p> <div> <a href="https://urvanov.ru/2016/03/01/css-clear/">CSS clear</a> </div> </body> </html> |