好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

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

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

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

1 定义height

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

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

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

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

2 利用clear:both

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

html中

查看更多关于关于清除浮动的一些简单理解。_html/css_WEB-ITnose的详细内容...

  阅读:23次