补:清除浮动的6个方法

清楚浮动的6个方法:

 <!-- 1,空标签清除浮动 ,推荐-->  

  <!-- 2,br标签清除浮动 , 缺点:产生了一个换行,产生一定的高度-->   

 <!-- 3,给父盒子设置高度, 缺点:限制了高度,扩展性差--> 

   <!-- 4,给父盒子设置浮动, 缺点:影响父盒子后的元素-->  

  <!-- 5,给父盒子设置overflow , 缺点:对需要显示在父盒子外的元素造成影响-->   

 <!-- 6,通过伪元素清除浮动 推荐,没有缺点-->

浮动的盒子脱离文档流,不再占据空间,浮动的盒子层级高半级

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。