margin-topで起きるFIREFOXのバグ - cording|コーディングウォーカーcording walker
WEB標準をわりと正確に読む人気のブラウザとして、FIREFOXがある。 （グーグルクロムが出てからはそっちに人気が移動しそうだけど） コーディングする際、まずはFOREFOXで確認しながらコーディングしていき、 最後にIEなどで確認をしたり、CSSハックを行ったりして、 調整する流れで作っている。 そんな信頼のFIREFOXもバグがないわけではない。 一番頻繁に遭遇するのが、入れ子（ネスト）構造になっている場合の子供にあたる<DIV>につけたmargin-topのバグだと思う。 <div id="box1"> <div style="margin-top:20px;"> あいうえーお </div> </div> こんな風にbox1というdivの中にmargin-top:20pxをつけたdivを作る。 本来ならば、box1の中で、20pxの余白ができたあとに、中のdivの内容が表示されるは
clearfixで指定するfloatの解除｜上級CSSレイアウト講座
CSSレイアウトでfloatを使用した際、通常は親要素内にfloatする要素があり、floatに続く要素にclearを指定し回り込みを解除します。（これが基本です。）clearfixとはclearプロパティを使わずにfloatを解除する手段です。 例えば親要素内でデザイン上どうしてもfloatを解除する為のボックスを設けたくない場合などに利用します。 一部のブラウザで親要素内でfloatを解除しなかった場合に起こる現象として、親要素内に指定した背景画像が表示されない、或いは親要素の下まで表示されないなどがあります。 以下にサンプル解説します。 サンプルソースと通常指定 <div id="mainbox"> <!-- 親要素 --> <div id="box-a"> *** </div> <!-- float --> <div id="box-b"> *** </div> <!-- floa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
