浮动和三种定位

标准流排版

正常网页默认排版方式

浮动排版

1. 将行内元素设置为浮动会使行内元素具有块级元素特征
2. 不设置宽度时，浮动元素的宽高由内容撑起
3. 浮动元素脱离文档流，浮动后的子元素无法撑开父元素
4. 针对第3里面的问题，可以设置父元素高度解决元素塌陷
5. 浮动元素层级提升后，可以压住标准元素的背景，但文本会环绕浮动元素（因为html中元素由两层组成，一层是元素本身即“原素层”,另一层是元素上方的内容层，还没有浮动时，两个元素的元素层一样高，两个元素的内容层一样高都在元素层上面，当son1的元素设为浮动时，元素层提高，son1的内容层最高，son1的元素层和son2的内容层一样高所以会和son2的内容即文字“我是没有浮动的”层并排而覆盖son2的元素层ÿ