清除浮动

最新推荐文章于 2025-06-02 17:01:47 发布

原创最新推荐文章于 2025-06-02 17:01:47 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

HTML CSS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了CSS中如何使用clear属性来清除浮动。clear属性可以避免元素受到周围浮动元素的影响，确保父级元素的背景和边框正确显示。文章详细解释了clear属性的四种值：none、left、right和both，并通过实例展示了其用法。

我们常常用于使用了float css样式后产生浮动，最常用是使用clear:both清除浮动。比如一个大对象内有2个小对象使用了css float样式为了避免产生浮动，大对象背景或边框不能正确显示，这个时候我们就需要clear:both清除浮动。

1、clear语法：

clear : none | left|right| both

2、clear参数值说明：
none : 　允许两边都可以有浮动对象
both : 　不允许有浮动对象
left : 　不允许左边有浮动对象
right : 　不允许右边有浮动对象

3、clear解释：
该属性的值指出了不允许有浮动对象的边情况，又对象左边不允许有浮动、右边不允许有浮动、不允许有浮动对象。

4、css结构
div{clear:right}
div{clear:both}