Tipsカテゴリー

floatを解除するmicro clearfix

floatを使用している親要素にclearfixクラスを適用することで、floatを解除します。
古いブラウザには対応しないシンプルなコードのmicro clearfixです。

floatを解除したい親要素に、「class="cf"」を指定します。
cfはどんな名前でも構いません。

そして、CSSではcfクラスに以下の指定をします。

.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 only */
.cf {
	*zoom: 1;
}

.cf:before,

.cf:after {

content: "";

display: table;

}

.cf:after {

clear: both;

}

/* For IE 6/7 only */

.cf {

*zoom: 1;

}

WordPress を利用した Webサイト制作の方法を、
あなたのオフィスにうかがいご説明いたします。
料金：¥49,500

一刻も早く Webサイトが必要な方のために、
一緒に作業し１日で公開までもっていきます。
料金：¥49,500

WordPress の基礎から応用まで

Webサイト制作ツールとして圧倒的な人気を誇るWordPress。利用するにあたって必要な知識を体系的にまとめた記事です。
jQuery Mobile を基本から覚える

スマホサイト制作に最適なフレームワークの利用方法を解説。DEMOページ・サンプルコードで動作を確認できます。