clear

语法

clear：none | left | right | both
默认值：none
适用于：块级元素
继承性：无
动画性：否
计算值：指定值

取值

none：允许两边都可以有浮动对象
both：不允许有浮动对象
left：不允许左边有浮动对象
right：不允许右边有浮动对象

说明

该属性的值指出了不允许有浮动对象的边。

对应的脚本特性为clear。

兼容性

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0+	2.0+	4.0+	3.1+	3.5+	3.2+	2.1+	18.0+

示例


<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<style>
.test {
    float: right;
    background: #eee;
}
.test2 {
    clear: right;
    background: #ddd;
}
</style>
</head>
<body>
<div class="test">我将出现在屏幕右方</div>
<div class="test2">注意我出现的位置</div>
</body>
</html>