HTML元素的浮动布局注意事项

1.防止父元素受到其子浮动元素的影响：为父元素添加overflow:auto;样式

2.清除浮动：为了让元素不受前面浮动元素的影响，为其增加clear：left/right/both样式

3.浮动元素排列的时候只参考前一个元素的位置

4.有浮动的顺序问题
设置为右浮动后：元素倒置：

5.浮动元素的重叠问题

（1）浮动元素不会覆盖文字内容

（2）浮动元素不会覆盖图片内容
(因为图片本身也属于文本，可以图片看做是一个特殊的文字)
（3）浮动元素不会覆盖表单元素
(输入框、单选按钮、复选框、按钮、下拉选择框等)