Home > CSS > 親要素でfloatを解除する(クリアフィックス)

親要素でfloatを解除する(クリアフィックス)

2009-04-03 (金) 14:34
CSS
CSS

よく忘れるので備忘録で書いておきます。



/* (1)モダンブラウザ用の記述（生成内容でfloatをclear） */

div#container:after {

  height: 0;

  visibility: hidden;

  content: ".";

  display: block;

  clear: both;

}

/* (1)ここまで */



div#container {

  /* (2)IE 6, 7用の記述（幅を明示的に指定） */

  width: 100%;

  /* (2)ここまで */

  /* (3)Mac版のIE 5.x用の記述（overflow: hiddenを指定） */

  /*\*//*/

  overflow: hidden;

  /**/

  /* (3)ここまで */

}

参考記事

Newer: Base.css
Older: Macで便利なソフトのまとめ

Comments:0

Trackbacks:0

Trackback URL for this entry: http://organize.morecrest.com/css/%e8%a6%aa%e8%a6%81%e7%b4%a0%e3%81%a7float%e3%82%92%e8%a7%a3%e9%99%a4%e3%81%99%e3%82%8b%e3%82%af%e3%83%aa%e3%82%a2%e3%83%95%e3%82%a3%e3%83%83%e3%82%af%e3%82%b9.html/trackback
Listed below are links to weblogs that reference: 親要素でfloatを解除する(クリアフィックス) from ホームページの種

Home > CSS > 親要素でfloatを解除する(クリアフィックス)

関連記事

最近の投稿

カテゴリー

アーカイブ

ブログロール

Search

Tag Cloud

Calendar

RSS

« 2010 年 7 月 »
M	T	W	T	F	S	S
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Return to page top