浮动的清除,文字解释

浮动主要用于布局, 在布局时,父级的高度不设置,宽度设置,高度由子级撑开,使子级同行显示,同时又可以是内部结构不一样,取代了inline-block的缺陷到达布局的目的,在使用浮动时注意浮动后是脱离文翁当层的,所以父级的高度子集不会再撑开,后续父级的兄弟标签会出现在子集之下,如果要保留布局又要清除浮动的方法右三种,1.给父级设置一个高度,2.使用overflow:hidden;包裹所有元素这样父级就有高度了,这两种都是在父级设置,3.使用clear:both;这种是在同级的子级标签中设置一个div加入clea:both;会彻底清除浮动;一般常用的还是overflow;后期还有清除浮动的伪类请浮动也比较常用,后期在修改!!

原文地址:https://www.cnblogs.com/popodashijian/p/6015027.html