使用clear元素，
如果浮动元素不压在普通元素下面，则使用clear元素，如果希望不被左边元素压到，clear：left；不被右边的压到，clear：right；两个都不许压住，clear：both；（这里是left指相对于右边的左边元素，还是浮动的时候使用 float：left；的所有元素？）
作业：
如果父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撑开？
第八课时
实战首页布局
首先看整个页面分为三个部分，头部，身体，足部。身体中往往又会分为几个部分，
写代码，前后省略，
<body>
<div id="container">
作业：完成首页布局
把icndy 的布局分了一下
