This used to record personal learning record:
http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7% B1% E5% 85% A5% E7% A0% 94% E7% A9% B6% E3% 80% 81% E8% AF% A6% E8% A7% A3% E5% 8F% 8A% E6% 8B% 93% E5% B1% 95% E4% B8% 80 /
containing box: the height of the vertical line boxes are stacked to form a containing box height; that is we see the height p div tag or the like
inline boxes: e.g. span, a, em tag.
line boxes: inline boxes composed of line boxes; the height of line boxes is determined by its highest inline boxes inside the height of the decision;
content area: an invisible box around the text. content area size related to the size of the font-size.
Height and height of the image, but not with line-height.
Bare text, belongs to an anonymous inline boxes.
float: left; float will destroy the encapsulated inline boxes.
Floating is a position with the display: inline-block property.
display: inline-block sense of the role is to wrap (wrap), and float has a similar effect.
Float: destroying its own model and height.