产生高度塌陷的原因:父元素没有设置高度,它的高度是被子元素撑起来的,但是子元素发生浮动,脱离了文档流,导致css页面发生混乱。
方法一:在最后一个浮动的元素后面添加一个div ,设置其样式为clear:both。
方法二:浮动的元素的父级元素添加伪类,*::after{content""; display:block; clear:both}
方法三:给父元素添overflow:hidden
产生高度塌陷的原因:父元素没有设置高度,它的高度是被子元素撑起来的,但是子元素发生浮动,脱离了文档流,导致css页面发生混乱。
方法一:在最后一个浮动的元素后面添加一个div ,设置其样式为clear:both。
方法二:浮动的元素的父级元素添加伪类,*::after{content""; display:block; clear:both}
方法三:给父元素添overflow:hidden