浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号 
属性定义及使用说明clear属性指定段落的左侧或右侧不允许浮动的元素。 默认值： | none | 继承性： | no | 版本： | CSS1 | JavaScript 语法： | object.style.clear="left" |
属性值值 | 描述 | left | 在左侧不允许浮动元素。 | right | 在右侧不允许浮动元素。 | both | 在左右两侧均不允许浮动元素。 | none | 默认值。允许浮动元素出现在两侧。 | inherit | 规定应该从父元素继承 clear 属性的值。 |
实例代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>清除浮动 - clear</title>
<!--定义内部样式-->
<style>
.css1{
float: left;/*向左浮动*/
}
.css2{
clear:both;/*清除浮动*/
}
</style>
</head>
<body>
<img src="img/tx01.jpg" />
<p>
这是一些文本。这是一些文本。这是一些文本。
</p>
<p>
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p><hr>
<h2>添加清除浮动</h2>
<img src="img/tx01.jpg" />
<p>
这是一些文本。这是一些文本。这是一些文本。
</p>
<p>
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>效果图小白教程网www.2d5.net 
|
