關于 Css 清除浮動屬性及相關示例
來源：程序員人生 發布時間：2013-11-21 04:28:48 閱讀次數：2713次
Css 清除浮動屬性示例的小例子，不要小看清除浮動哦，有時候你忘記了這個，會把你搞的一頭霧水，以為其它地方弄錯了，清除浮動其實就沒兩句代碼，但是重要性不容忽視。
實例代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css清除浮動</title>
<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>
