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>