divが入れ子にならない!! 知識Z(ゼータ)

トップページ> divが入れ子にならない!!

divが入れ子にならない!!

Date:2010/03/26
Category: 未分類


divを入れ子にして書いていると、せっかく入れ子にしたのにはみ出てるじゃありませんか!有名なバグです・・・

こんなときはclearfixで解決!

CSS .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }
とし、
HTML <div id="wrapper" class="clearfix"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div>
こんな風にすればOK!divの入れ子なら迷わずclearfixで!

ちなみに、ページの上下に原因不明のスペースが混在してしまっている場合は、
.clearfix:after { content: ""; display: block; clear: both; }
などを使ってみてください。


divが入れ子にならない!! の関連記事

No related items.

コメント

No comments yet

コメントする




次項 CSSは全ての要素について記述する
前項 【EC-CUBE】注文メールはBCCで届く

知識Z(ゼータ)トップへ
モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2010-03   >
 123456
78910111213
14151617181920
21222324252627
28293031   

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:1 人
投稿記事数:286 件
19837206