第二个影响:影响了父容器的高度,正常父元素的高度是自适应的,高度为其包含的内容总高度,而内部元素的浮动造成了父容器高度塌陷。
第三个影响:父容器高度塌陷了,将会影响和父元素同级的文档布局。...>
和父级元素同级的容器, 没有设置任何浮动, 背景为绿色
和父级元素同级的容器, 没有设置任何浮动, 背景为绿色...>
和父级元素同级的容器, 没有设置任何浮动, 背景为绿色
和父级元素同级的容器, 没有设置任何浮动, 背景为绿色...>
和父级元素同级的容器, 没有设置任何浮动, 背景为绿色
和父级元素同级的容器, 没有设置任何浮动, 背景为绿色...但其实清除浮动时,content都会写成空的字符串,如果content里面只设置成''空的字符,那么height也可以不写,包括overflow也可以不写,写height和overflow都是为了代码的鲁棒性