CSS clear 属性

clear 属性规定元素的哪一侧不允许其他浮动元素。

语法

------ ---- - ---- - ----- - ---- - --------

• none：默认值。允许元素两侧都可以有浮动元素。
• left：不允许元素左侧有浮动元素。
• right：不允许元素右侧有浮动元素。
• both：不允许元素两侧有浮动元素。
• inherit：从父元素继承 clear 属性的值。

适用性

clear 属性适用于块级元素。

示例

--------- -----
------
------
-------
    ----------- -
        ------ -----
        ------ -----
        ------- -----
        ----------------- ----
    -
    ------------ -
        ------ ------
        ------ -----
        ------- -----
        ----------------- -----
    -
    ----------- -
        ------ -----
    -
--------
-------
------

---- -------------------------
---- --------------------------
---- -------------------------

-------
-------

在上面的示例中，我们创建了两个浮动元素，一个向左浮动，一个向右浮动。然后我们在第三个 div 元素中使用 clear: both;，这样可以确保该元素不会被浮动元素覆盖，而会出现在它们下方。