Браузер |
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
|||||||||||||||
Версия |
6.0 |
7.0 |
8.0 |
9.0 |
2.0 |
3.0 |
4.0 |
5.0 |
9.2 |
9.6 |
10 |
2.0 |
3.1 |
4.0 |
5.0 |
2.0 |
3.0 |
3.6 |
4.0 |
|
Поддержка |
CSS | CSS1+ |
Значение по умолчанию | none |
Наследуется | Нет |
Применяется | К блочным и плавающим элементам |
Ссылка на спецификацию | открыть в новой вкладке |
clear: none | left | right | both | inherit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>clear</title>
<style type="text/css">
#layer {
float:left;/*Обтекание блока по правому краю*/
background: #fd0; /*Цвет фона*/
border:1px solid black;/*Параметры рамки*/
padding: 10px; /*Поля вокруг текста*/
width:40%; /*Ширина блока*/
}
</style>
</head>
<body>
<div id="layer">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>
<div style="clear: left"></div>
<p>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</p>
</body>
</html>