このようにひとつ上の要素のfloatをclearした場合、マージンが空かないことがあります。
これはCSSの特性上どうしようもないことなので他の方法で間隔を空けます。以下ボーダー属性で空けてみます。
背景色に合わせてボーダーカラーを変えれば間隔が空いたように見えます。
またひとつ上の要素のmargin-bottomを追加することで解決することもありますのでお試し下さい。
おすすめの無料サービス
最近の記事
間違うとちょっと恥ずかしいHTMLタグ,CSSの発音 (04/28)全てのSEOの原点はここだ！各種検索エンジンのサイト品質ガイドライン (04/16)サイトマップの更新忘れていませんか？無料サイトマップ作成ツールの使用で簡単生成 (04/03)SEOで参考にしたい生の情報 (03/30)海外素材サイトのような日本の無料素材サイト (03/03)最新のワードプレス無料テンプレート集 (01/08)firefoxやsafariでmargin(マージン)が反映されない場合 (12/01)altの内容を表示させないようにしたい場合 (12/01)簡単にパノラマ写真を作るソフト (11/14)高さ100％でfooter(フッター)を常に下に配置し、コンテンツの量に追従して可変するCSSとHTML。 (10/07)2008年10月06日
FirefoxやSafariでmargin（マージン）が空かない、詰めて表示される場合
FirefoxやSafariでブロック要素のfloatをclearした際に、margin（マージン）が空かない、詰めて表示される場合の対処法。
このようにひとつ上の要素のfloatをclearした場合、マージンが空かないことがあります。
これはCSSの特性上どうしようもないことなので他の方法で間隔を空けます。以下ボーダー属性で空けてみます。
背景色に合わせてボーダーカラーを変えれば間隔が空いたように見えます。
またひとつ上の要素のmargin-bottomを追加することで解決することもありますのでお試し下さい。
このようにひとつ上の要素のfloatをclearした場合、マージンが空かないことがあります。
これはCSSの特性上どうしようもないことなので他の方法で間隔を空けます。以下ボーダー属性で空けてみます。
背景色に合わせてボーダーカラーを変えれば間隔が空いたように見えます。
またひとつ上の要素のmargin-bottomを追加することで解決することもありますのでお試し下さい。
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/107686850
この記事へのトラックバック
http://blog.seesaa.jp/tb/107686850
この記事へのトラックバック
