回り込みを解除する
CSSの書き方
clear:値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
「clear」プロパティは、「float」プロパティによって設定された要素やボックスの回り込みを解除するためのスタイルシートです。「clear」プロパティを指定した要素から回り込みが解除されます。
値
「clear:left;」とすると、左寄せした要素に隣接する要素の回り込みが解除されます。同様に、「clear:right;」にすると、右寄せした要素に隣接する要素の回り込みが解除されます。さらに、「clear:both;」は、左右の回り込みが解除されます。
CSS/HTMLサンプル
p { height:400px; width:250px;}
p.sm1 { float:left; background-color:#ffdff9; }
p.sm2 { clear:left; background-color:#eeeeee; margin-top:10px;}
1つめの段落要素を左寄せ、2つめは回り込みを解除 サンプル
