盒子的浮动
在标准流中,一个块级 (block) 元素在水平方向上会自动伸展,直到其
父元素的边界;而在垂直方向上和兄弟元素依次排列,不能并排。
CSS 中的 float 属性,默认值为 none ,也就是不浮动。如果将 float
设置为 left 或者 right ,元素就会向其父元素的左侧或者右侧靠紧,
直至碰到父元素的边缘或者碰到另一个浮动的盒子。同时默认情况下,盒
子的宽度不再伸展,而是根据盒子里的内容宽度来确定。
浮动元素会生成一个块级框,即使原来是一个 inline 元素,设置了浮
动属性后也会变成块级。