2009年7月アーカイブ

【CSSトラブル】 marginが無視される

| コメント(0)
CSSでコーディングしている際、
よく起こりうるトラブルとして、marginが無視される...

ということがあります。

例えば、

★HTML
<div id="box1">
</div>
<div id="box2">
</div>

★CSS
#box1{
   margin:40px;
}

#box2{
   margin:20px;
}

としたときに、

090716_01.jpg

の、ように表示してほしいですが、

090716_02.jpg

実際は、このように、上部分のmarginが、無視されて、
大きい方のmarginが優先されてしまいます。

これは、よく起こる事ですが、CSSの仕様のようなものなので、
あきらめるしかありません...。

背景などをつかっていなければ、
かわりにpaddingを使って、解決するといいと思います。


・似たような現象でこういうのもあります
【CSSトラブル】 marginが無視される2

このアーカイブについて

このページには、2009年7月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2009年5月です。

次のアーカイブは2009年8月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。