使用clear元素，
如果浮動元素不壓在普通元素下面，則使用clear元素，如果希望不被左邊元素壓到，clear：left；不被右邊的壓到，clear：right；兩個都不許壓住，clear：both；（這里是left指相對于右邊的左邊元素，還是浮動的時候使用 float：left；的所有元素？）
作業(yè)：
如果父div中，有兩個子div，是浮動的，那么，父div的高度有沒有被子div自動撐起來？父div高度是多少？
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>父div能否被子div撐開</title>
<style>
#father{
width: 600px;
height: 50px；
background-color:blue;
}
#son1{
width: 50px;
height: 40px;
float: :left;
background-color:pink;
}
#son2{
width: 50px;
height: 60px;
float:right ;
background-color:green;
}
</style>
</head>
<body>
<div id="father">
father
<div id="son1">ONE</div>
<div id="son2">TWO</div>
</div>
</body>
</html>
效果不好，
[圖片上傳中。。。（1）]
為什么father的背景色沒有起作用？
為什么兩個浮動的子div沒有并排？
怎么判斷父div有沒有被子div撐開？
第八課時
實戰(zhàn)首頁布局
首先看整個頁面分為三個部分，頭部，身體，足部。身體中往往又會分為幾個部分，
寫代碼，前后省略，
<body>
<div id="container">
作業(yè)：完成首頁布局
把icndy 的布局分了一下
