1、打开网页开发工具，新建一个HTML文件（这里为了方便给大家演示）
2、普通布局：只需要把外层高度设置成:height: auto;属性即可自适应：
1、如果子元素设置浮动float属性后，外层DIV是不能够自动被撑开的，如图所示：
2、解决方法一：给添加父层添加：overflow: hidden;属性
3、解决方法二：新建一个div放在后面，并添加样式：clear: both；
1、方法一：
1、把父层高度设置成:height: auto;样式属性
方法二：
1、给添加父层添加：overflow: hidden;样式属性
2、新建一个div放在后面，并添加样式属性：clear: both；