CSS世界（四）内容与Float

这是一个年代很久远的故事。它独自一人从蛮荒走来, 路人怀疑的目光，乌鸦粗劣嘶哑声， 灵魂深处的孤独， 陪伴着它一个又一个的日日夜夜。它一路行侠仗义，劫富济贫，没有人知道他从哪里来，它一路前行，偶尔短暂停留，也没有人知道它准备去往何处。 随着时间的流逝，它遇到越来越多的人，偶尔有人为它的气质所打动，跟随它前行，但大多数人都没能坚持下来，尽管如此，它的身边始终有几人跟随，在这次漫无目的的旅途中，它继续扮演者自己的角色，也许仅仅是想让世界变得更加美好，向前走，一路走，这或许是它的宿命。
但时间把原本该是的样子打破了...

以上摘自 -HD 69830 d-

初衷

图文排列，实现文字环绕图片的效果

float特性

*  包裹性
*  块状化格式化上下文
*  破坏文档流
*  没有任何margin合并 

思考

· 关于float引起的高度坍塌？
· 关于float布局？