浮动影响及清除方法(混面试)

56 阅读1分钟

混(不对): (父子)1.父级塌陷 (同级)2.浮动遮挡(代码编辑时普通元素写在浮动元素后面) (1).解决1、未解决2:给父元素设置高度 (2).解决1、未解决2:给父元素加float:left (3).解决1、未解决2:给父元素加overfloat:hidden (4).解决1、解决2:给同级普通子元素(非行内元素)加clear:both (5).解决1、2未知:增加一个普通空子元素写clear:both (6).解决1、未解决2:给父元素类名加::after,写样式:(1).content:‘’(2).display:block(::after默认是inline)(3).clear:both

image.png