CSS浮动

float出去的元素是会浮动起来的，没有浮动的元素会遮住!后面!处于文档流中的块状元素（行内元素不会被遮盖，他会在新的空间排列），不会占据父元素的空间

同一行中显示的元素，浮动元素优先排列距左

浮动元素会紧挨着没有浮动的!前面!的兄弟元素

（总结块状元素和行内元素的优先级区别，块状元素在受保护，不会被遮挡）

没有浮动的行内元素还是会优先在一行的末尾显示（定义的位置靠前与后面的浮动的行内元素）