从上到下体现了三个布局。
第一个是文字环绕图片,让img float即可,加少量外边距跟文字隔开边距。
这个是两栏布局,左侧img float:left 右侧p添加固定宽度,实现了两栏效果
第三个、
这个通过clear:both解决了上面浮动,导致下面的内容跑上去占据空余的空间。
解决办法有两种一种是在要清除前面加一个<div class="clear"></div>
另一种是在前面浮动的元素,外部一个div加入class = “clearfix”形成一个浮动容器,把这些浮动内容包进去