Свойство clear - это важный инструмент в CSS, который позволяет контролировать взаимодействие элементов с плавающими соседями. По сути, оно указывает браузеру, с какой стороны от текущего элемента запрещено располагать элементы со свойствами float (left или right). Если вы установите запрет на обе стороны, ваш элемент «отступится» и переместится вниз, под обтекаемый объект. Обратите внимание: смещение произойдет только в том случае, если плавающий элемент находится именно с той стороны, где запрещено его присутствие. Давайте разберемся на практике! Представьте ситуацию, когда элемент с идентификатором sidebar «наезжает» на другие блоки. Как это исправить? Нужно защитить нижний блок от перекрывания. Для этого мы добавим свойство clear div-элементу с id="footer" и зададим ему значение right. Это означает, что справа у нас не должно быть никакого плавающего контента. В результате элемент аккуратно смещается вниз и занимает свободное место под «бродягой». Важно помнить: свойство clear работает исключительно с блочными элементами! | Значение по умолчанию: | none | | Наследуется: | нет | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.clear="left" | | Значение | Описание | | left | Плавающие элементы не разрешены с левой стороны. | | right | Плавающие элементы не разрешены с правой стороны. | | both | Плавающие элементы не разрешены с обеих сторон. | | none | Разрешить наличие плавающих элементов с обеих сторон. | | inherit | Указывает, что значение наследуется от родительского элемента. | Пример кода:html head style type="text/css" img { float: left; } p.clear { clear: both; } /style /head body img src="logocss.gif" width="95" height="84" pЭто какой-то текст./p p class="clear"Это какой-то текст./p /body /html
|