关于清除浮动的一些简单理解。_html/css_WEB-ITnose

在我们学习css时，利用浮动可以为我们的的布局样式提供很大的便利，但是随着而来，我们也会遇到清除浮动的问题，关于清除浮动，我谈一谈我的一些简单看法。

首先，我们为什么要清除浮动，因为浮动会使该标签脱离文档流，对前后的元素，还有父元素（边框，内容）都会造成影响。

下面说一说清除浮动的方法：

1 定义height

为父元素增加一个固定或最少的height，因为当子元素设置为浮动后，脱离了文档流后，会导致父元素的边框无法撑开。所以我们可以增加一个

“height：”或者“min-height：“来解决。

这种方法的优点在于 ： 上手容易，简单易懂。

缺点在于 ： 要对高度进行详细的确定，且不灵活。

2 利用clear：both

在父元素的结束标签加入clear:both。在父元素内增加一个空白签，来声明其周围忽略浮动。

html中

css中 .clear{

clear:both

}

这种方法的优点在于 简单方便。

缺点在于 编程最忌讳添加很多空标签也会对以后的修改造成麻烦。

3 利用overflow：hidden

为父元素在css中添加 overflow:hidden,我们现在看看他们的意思是什么，overflow：溢出 ，hidden：清除。也就是清除溢出的部分，不显示其内容。那么很容易明白，利用这个，就是将带有浮动属性的

进行了清除。

."class名称"{

overflow：hidden

}

这种方法的优点在于：代码使用的少，错误少。

缺点在于：无法与position一起使用，也不能同时定义height，因为是将多余的部分清除掉。

以上三个方法是我在初学css清除浮动时用到学到的方法，作为一个web小白，能力有限，所解决问题的办法可能也不是最好的，欢迎大家提议，谢谢。

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• 关于清除浮动的一些简单理解。_html/css_W...

• 接口与抽象类01
• 类的composer自动加载机制
• composer原理与常用命令03
• composer原理与常用命令02