2008年4月24日木曜日

 

【CSS】clearfix

色々な方法があったはずなので、まとめようと思ったら一つしかブックマしてなかった。
空の要素とかは避けてたが、あまりに少なすぎる。

.clear:after {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
 }
/*   IE7対応   */
.clear {
     display: inline-block; 
}

擬似要素で IE6 無理な気がする。
要素名は便宜上。デザインで class 名を付けるのはいけません。

参考

clearfix - CSS HappyLife

ラベル:


コメント: コメントを投稿

登録 コメントの投稿 [Atom]



この投稿へのリンク:

リンクを作成



<< ホーム

This page is powered by Blogger. Isn't yours?

登録 投稿 [Atom]

Google