当前位置：clear 属性
要停止其后的文本围绕浮动元素流动,可以对第一个不想流动的元素设置 clear 属性.
现在列表表示如下:
| 值 | 效果 |
| right | 左右边都没有浮动的元素 |
| left |
左边没有浮动的元素 |
| both | 左右边都没有浮动的元素 |
| none | 左右边可以有浮动(默认) |
| inherit | 使用包含盒子的clear值 |
还是刚刚那个例子
大家看看,利用了clear属性,就可以改变位置
<style type="text/css">
<!--
#subcontent {
background-color: #999999;
float: right;
height: 50px;
width: 100px;
border: 1px solid #333333;clear: right; margin:15px 15px 15px 0px;
}
#tian {
float: right;
height: 60px;
width: 1.5px;
}
-->
</style>
</head>
<body>
<div id="content"><div id="tian"></div><div id="subcontent">这个是盒子里面浮动的内容</div>
这是是在外面一个DIV的内容<p>css社区</p></div>
</body>
点击数：
