浮动对后面同级元素的影响

浮动对后面同级元素的影响

当前三个元素浮动时，会遮盖后面的div的解决办法:
**1.**给前三个div增加一个父元素div包裹起来，但是如果父元素没有设置高度，由于里面的子元素都是浮动的，不会把父元素的高度撑起来，这里引进两种方法
第一种是给父元素加一个属性

overflow:auto;

overflow表示溢出的意思，可以对超出边界的元素做成调整
第二种是：给后面的元素增加一个属性

clear:left/right/both;

当我们不希望当前元素受到前面元素浮动的影响时，就可以给它增加这个样式

浮动元素的重叠问题

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