ClearFixの使い方
ClearFixの使い方です。
CSS
.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* end MacIE5 */
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* end MacIE5 */
これをCSSの共通のファイルに書き込みます。
で例えば、以下のimgタグがフロートしていると仮定して、次に来るものはクリアさせたいと。
の場合はclassでclearfixを足す。
<img src="images/*******.jpg" width="300" height="50" alt="***" class="clearfix">
でokなはず。
トラックバック(0)
このブログ記事を参照しているブログ一覧: ClearFixの使い方
このブログ記事に対するトラックバックURL: http://alwaysfinetuning.com/mt/mt-tb.cgi/42
