CSS 属性

说明

clear 可防止元素显示在浮动元素旁边。

属性值

  • none: 浮动元素可能出现在元素的任一侧。

  • left: 浮动元素可能不会出现在元素的左侧。

  • right: 浮动元素不得出现在该元素的右侧。

  • both: 浮动元素不得出现在任一元素上元素的一侧。

适用范围

所有块级元素。

DOM 语法

object.style.clear = "top";

示例

这里是显示此属性效果的示例 -

<html>
   <head>
      <style type = "text/css">
         div.float {
            border:1px solid #ff9900;
            width:120px;
            float: right;
         }
         div.clear {
            border:1px solid #cccccc;
            width:120px;
            clear: right;
         }
      </style>
   </head>

   <body>
   
      <div class = "float">
         该 div 有浮动设置。
      </div>
      
      <div class = "clear">
         <p>
            该 div 设置了 CSS 清除浮动属性。
         </p>
         
         <p>
            尝试更改 CSS 清除值以查看它对 div 框位置的影响。
         </p>
      </div>
      
   </body>
</html>