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">
	 	 	 	 	This div has float set.
	 	 	 </div>
	 	 		
	 	 	 <div class = "clear">
	 	 	 	 	<p>
	 	 	 	 	 	 This div has the CSS clear property set.
	 	 	 	 	</p>
	 	 	 	 	
	 	 	 	 	<p>
	 	 	 	 	 	 Try changing the CSS clear values to see the effect it has on the position of the div boxes.
	 	 	 	 	</p>
	 	 	 </div>
	 	 		
	 	</body>
</html>

打印本页