プロパティ名	値	説明
float：	left ；	ボックスを左に配置・テキストなどを右側に回り込ませます。
	right；	ボックスを右に配置・テキストなどを左側に回り込ませます。
	none ；	回り込みません。（初期値）

プロパティ名	値	説明
clear：	left；	ボックスの右側にある回り込みを解除します。
	right；	ボックスの左側にある回り込みを解除します。
	both；	どちらの回り込みも解除します。
	none；	解除しません。（初期値）

[ｈｅａｄの中]

<style type="text/css">
<!--
box{
width: 200px;
float: left;
}
.sample1{
width: 200px;
height:70px;
background-color: #ccff99;
float: right;
margin-right: 100px;
}
.sample2{
width: 200px;
height: 70px;
background-color: #ccff99;
float: left;
}
-->
</style>

[ｂｏｄｙの中]

<div class="box">
<div class="sample1">右側ボックス</div>
ボックスの左側に
文字を表示します。
<p style="clear :left;">回り込みを解除します。</p>
<div class="sample2">左側ボックス</div>
ボックスの右側に
文字を表示します。
<p style="clear : right;">回り込みを解除します。</p>
</div>

[ブラウザ上]