可以解决一下问题：
1.文字环绕图片
给图片添加float：left；
2.空格间隔问题
若果给子元素div设置display：inline-block；会出现图2所示的情况，有一个莫名其妙间隔，可以通过给子元素设置float:left; (也可以通过非主流办法解决：给父元素设置font-size:0; 但是谁会这样写呢)
图1
图2
3.向左、向右排版
4.浮动高度塌陷问题
解决办法：
1.给父元素设置固定高度
2.清除浮动，添加一个空的块级元素，给此元素设置clear:both;
但是这样增加了一个没有用的空元素，不太好。
3.利用伪类来清除浮动，和创建一个空的div类似
.son::after{
content:"";
clear:both;
display:block;
}
5.实现两栏、三栏布局
