关于浮动

从上到下体现了三个布局。

第一个是文字环绕图片，让img float即可，加少量外边距跟文字隔开边距。

这个是两栏布局，左侧img float:left 右侧p添加固定宽度,实现了两栏效果

第三个、

这个通过clear:both解决了上面浮动，导致下面的内容跑上去占据空余的空间。

解决办法有两种一种是在要清除前面加一个<div class="clear"></div>

另一种是在前面浮动的元素，外部一个div加入class = “clearfix”形成一个浮动容器，把这些浮动内容包进去