关于清除浮动

关于清除浮动

一、为什么要浮动

我个人认为是为了页面的美观,方便布局,但是浮动是把双刃剑,有利也有弊

二、什么时候需要清除浮动

很多种原因。1.如果父元素没有设置高度,而子级元素设置了浮动,这样会导致父元素高度的坍塌。2.导致背景不能显示,如果对父级设置了背景属性,导致父级不能撑开,会影响到背景图片不能正常打开。3.浮动会导致父级子级之间设置了padding,导致了属性不能正常传达,导致margin不能正常显示,所以我们要清除浮动。

三、怎么清除浮动

1、在浮动元素之后加上<div style='clear:both'></div>,clear存在left,right,both,none,inheart,
2、.在父元素中设置属性overflow:hidden||auto
3、添加伪元素设置清除浮动样式
发布了32 篇原创文章 · 获赞 0 · 访问量 400

猜你喜欢

转载自blog.csdn.net/wron_path/article/details/103431097