<style type="text/css">
.box1{width:100px;height:100px;border:1px solid red;float:left;}
.box2{width:100px;height:100px;border:1px solid red;float:right;}
</style>
</head>
<body>
<div class="father">
<div class="box1"></div>
<div class="box2"></div>
</div>
</body>
浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。
意思就是如果一个父容器没有被设置高度，且里面包含的元素是浮动的，那么父容器的高度为0；
块级 本来就可以设定长宽的
高度是100px，不设置body有默认的margin: 8px;需要设置为0px，可以打开浏览器审查元素来观察。
为啥为啥？？没看懂这一节，明明就有高度啊，游览器看得到啊？