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

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

  • 2009-04-03 (金) 14:34
  • 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)ここまで */
}

参考記事

Comments:0

Comment Form
Remember personal info

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を解除する(クリアフィックス)

Tag Cloud
Calendar
« 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  
RSS RSS

Return to page top