CSS规则"clear: both"有什么作用？

html-css021

CSS规则"clear: both"有什么作用？,第1张

clear属性用来指定的浮动元件不允许浮动该哪一侧；它设置或返回元素相对于浮动对象的位置。而"clear: both"用于设置在左右两侧均不允许浮动元素。

原文地址： CSS规则"clear: both"有什么作用？

当不需要与指定元素相关的任何元素在左右浮动，并且仅在下面显示时，就可以使用该"clear: both"规则。该规则还表明没有其他元素占用左右两边的空间。

语法：

示例：

效果图：

浏览器支持：

●　Google Chrome

●　Internet Explorer

●　Firefox

●　Opera

●　Safari

推荐阅读：

java基础教程

layui框架

go语言教程

css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素（这时该元素会独占一行了）。

注：对第一个元素设置clear，对其后面元素不起作用。

Clear的属性值如下...

left

在左侧不允许浮动元素。

right

在右侧不允许浮动元素。

both

在左右两侧均不允许浮动元素。

none

默认值。允许浮动元素出现在两侧。

inherit

规定应该从父元素继承 clear 属性的值。