1

chrome/safari に奇妙な垂直方向の間隔のバグがあり、firefox で設定したときに見逃してしまいました。垂直方向のスペーシング ルールがいずれかによって無視されているようです。私はコードを調べましたが、途方に暮れています-正しい方向に私を向けることは非常に高く評価されます-前もって感謝します。

このウェブサイトは、子供たちに健康的な食事の重要性を教えるもので、URL はhttp://ourgrowingplace.us/ です。

4

3 に答える 3

2

あなたがやろうとしているように、divを隣り合わせに配置したい場合は、次を使用しますfloat:

#left {
  float: left;
  width: 100px;
}
#right {
  float: right;
  width: 50px;
}
.clear {
  clear: both;
}

.clear クラスも追加しました。フロートをクリアして、後続のコンテンツがこれら 2 つのフロートの下に配置されるようにします。

<div id="left">left content</div>
<div id="right">right content</div>
<div class="clear"></div>

left/right/top/bottomまた、相対的な位置要素には使用できません。position:absolute要素内に要素を配置する代わりに、絶対配置要素でそれらを使用しますposition:relative。ただし、この場合、これを使用するべきではありません。

marginまた、要素を特定の場所に「プッシュ」するために使用することは避けてください。ここで、マイナスの上部マージンを追加して、それを上げます。しかし、そうしている場合は、通常、別のレイアウト設定を試す必要があることを意味します。

于 2011-01-16T18:13:18.923 に答える
1

最初に、ページが DTD で使用した仕様に準拠していること、指定したアドレスのページが有効な XHTML 1.0 Transitional ではないこと、指定された文字セット (iso-88559-1) に一致していないことを確認することをお勧めします。これは事実上、レンダリング結果が予測不能であり、ブラウザーによって異なる可能性があることを意味します。

于 2011-01-16T18:02:09.893 に答える
0

あなたが話している垂直方向の間隔のルールはわかりませんが、要素の間隔を設定する適切な方法は、マージンを使用することです。

margin:top right bottom left;
于 2011-01-16T17:58:53.293 に答える