在網頁中，使用浮動元素的時候，會影響後面相鄰的固定元素，由于不同的浏覽器對浮動屬性的解釋存在差異，是以需要對某些元素的浮動屬性進行清除，
清除浮動屬性時，使用的屬性是清除浮動屬性(clear).
1. 清除浮動屬性(clear)
用來清除相鄰元素的浮動屬性，在清除浮動屬性clear時中，可以使用4種屬性值，分别為none, left, right和both，
clear: none | left | right | both;
none: 不清除浮動屬性
left: 清除元素的左側浮動屬性
right：清除元素的右側浮動屬性
both：清除元素的兩側浮動屬性
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> CSS屬性 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.float {
float: left;
width: 200px;
height: 100px;
background: #666666;
}
.clear {
clear: left;
float: left;
width: 200px;
height: 100px;
background: #999999;
}
</style>
</head>
<body>
<div class="float">這是一個浮動元素</div>
<div class="clear">這是一個清除浮動屬性的元素</div>
</body>
</html> 
第二個元素清除了浮動元素的左側浮動屬性，是以兩個元素将換行顯示。
2.清除浮動與固定元素
當清除浮動元素的右側浮動屬性的時候，由于固定元素在浮動元素的後面時會同行顯示，是以無法顯示清除浮動的效果，在實際使用浮動清除屬性的時候，常常會忽略
這一點，以緻造成布局上的困擾。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.float {
float: left;
width: 200px;
height: 100px;
background: #666666;
}
.clear {
clear: right;
float: left;
width: 200px;
height: 100px;
background: #999999;
}
</style>
</head>
<body>
<div class="clear">這是一個清除浮動屬性的元素</div>
<div class="float">這是一個浮動元素</div>
</body>
</html> 
在第二個元素中，定義元素的浮動屬性值為左浮動，此時由于右側元素即使沒有浮動屬性，依然可以顯示在第1個
元素的右側，是以無法顯示清除浮動的效果。