CSS之float和clear的区别

最新推荐文章于 2025-04-16 15:22:06 发布

原创最新推荐文章于 2025-04-16 15:22:06 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #JavaScript

web前端专栏收录该内容

27 篇文章

订阅专栏

本文深入探讨了网页布局中浮动（float）与清除（clear）的基本概念，包括float:left, float:right, clear:left, clear:right, clear:both的用法及效果。详细解释了这些属性如何影响元素在页面上的排列，并提供了实际应用案例。

float:left; 当前元素向左侧浮动.
float:right: 当前元素向右侧浮动.

clear:left; 禁止左侧出现浮动元素,如果左侧存在浮动元素,则当前元素将在浮动元素下面另起一行呈现.
clear:right; 禁止右侧出现浮动元素,如果右侧存在浮动元素,则右侧的浮动元素将在当前元素下面另起一行呈现.
clear:both; 禁止左右两侧出现浮动元素,当前元素将排斥浮动元素独占一行呈现.
上面提到的行也可能是多行组成的一个块,不仅仅是一个文本行的概念.