気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
floatした際に背景が消える件【css tip】 - to-R
15 users
blog.webcreativepark.net
blog.webcreativepark.net
blog.webcreativepark.net
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
親ボックスに背景を適用して、内包する子ボックスに対してfloatを適用した場合、IEでは子ボックスを内包... 親ボックスに背景を適用して、内包する子ボックスに対してfloatを適用した場合、IEでは子ボックスを内包する形で背景が表示されるのに対して、Firefoxでは親ボックスの背景が表示されなくなります。 サンプルとなるhtmlは <div class="parent"> 親ボックス <div class="child"> 子ボックス </div> <div class="child"> 子ボックス </div> </div> とします。 これに対して div.parent{ width:204px; background:#39FF6B; } div.child{ border:1px dotted #000; height:100px; width:100px; float:left; } このようなCSSを適用した場合、以下のような表示になります。 サンプル これはIEがfloatの処理が
blog.webcreativepark.net
blog.webcreativepark.net
blog.webcreativepark.net
blog.webcreativepark.net
www.sponichi.co.jp
www.sponichi.co.jp
anond.hatelabo.jp
ashita.biglobe.co.jp
togetter.com
togetter.com
suumo.jp
soredoko.jp
dailyportalz.jp
dailyportalz.jp
2007/01/08 リンク