.clearfixをDreamWeaverで正しく表示させる方法
ドリームウィーバーでclearfixを正しく表示させる方法は以下のようにします。
.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 */
.clearfix + *{
clear: both;
}
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* end MacIE5 */
.clearfix + *{
clear: both;
}
太字の部分を足すだけです。隣接セレクタです。
もっといい方法がありそうですけどね、それと作業終ったら削除を忘れずに。
知らない人が見たら結構不可解なので(笑)
それではおやすみなさい。
トラックバック(0)
このブログ記事を参照しているブログ一覧: .clearfixをDreamWeaverで正しく表示させる方法
このブログ記事に対するトラックバックURL: http://alwaysfinetuning.com/mt/mt-tb.cgi/40
