DIV+CSS浮动布局

DIV+CSS布局 - 浮动布局

首先呢，div可以理解为一个简单的容器、盒子。就是可以往里面填充内容的东西
咱们先看一下原本的，没有使用过浮动的html页面样子：

1.浮动全部靠拢 float：left

取消掉小div的宽度，并且全部左浮动
如图可以看见，内容全挤到一堆去了，它们的宽度就是自身内容的宽度。

2.浮动超出宽度自动换行

那么如果几个div重叠在一起的宽度超出了大div的宽度会怎么样呢。它们就会自动换行了

3.如果大的div不设置高度且内容全是浮动，则会高度为0

4.使大div有高度的两种方法

（1）指定高度 height: 300px;/高度为300px/

（2）自适应高度 overflow: hidden;/清除浮动/

就是内部元素有多高，这个框就多高了