- ベストアンサー
xhtml+cssでdivをdivで内包する
xhtml+cssでウェブサイトを作成しています。 その際、 <div id="a"> <p>題名</p> <div class="b">内容</div> <div class="b">内容</div> </div> のようにdiv要素内にdiv要素を内包したいと思っています。 しかしこのままだと親であるdiv id="a"を、子であるdiv class="b"がはみ出してしまいます。 cssハックを使用する方法が http://www.alink.co.jp/tech/blog/2009/04/13/css-clearfix%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9Fdiv%E3%81%AE%E6%AE%B5%E7%B5%84%E3%81%BF%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF/ に掲載されていましたが、IE7とIE-MACが対象のようです。 これと同じような効果が得られるもので、IE6以降、Firefox2以降、Fodoraそれぞれに対応している方法はありますでしょうか? 私がどうしたいのか少しわかりにくいかもしれませんが、上記URLでどうしたいのかはわかると思います。 アドバイスお願い致します。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 #a { zoom: 100%; } #a:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } でOKです。
その他の回答 (1)
- abril
- ベストアンサー率69% (388/560)
> IE7とIE-MACが対象のようです。 違います。Firefox等、主要モダン・ブラウザに適用されます。 IE7とMac IE5だけ例外的処理が必要になるので、その部分を別個振り分けられる様な指定を付け足しているだけです。 所謂clearfixの書き方にも色々ありますが、私は主にNo.1様と同様の記述を利用しています。
お礼
何も理解せず行っている事を痛感しました(汗) 無事解決しました。 ありがとうございました!
お礼
返答が遅れてすみません。 無事解決しました! ありがとうございました!