0

私のジレンマを手伝ってくれませんか?設定したコンテナー (この場合は BODY) がありposition:relativeます。その中には、2 つの div があります。1relativeつと 1 つabsoluteが配置されます (この順序で)。

margin-top問題は、配置された要素にいくつかを設定するたびにrelative、コンテナーの高さ (bodyこの場合) が垂直方向に伸びることです。

たとえば、コンテナに設定しても、表示時のサイズは配置された子要素のheight: 100%100% +です。margin-toprelative

ここにフィドルがあります: http://jsfiddle.net/xJ75R/7/

4

1 に答える 1

1

まず第一に、body はページ全体を占めるので、body に相対的な位置を与えるべきではありません。

とにかく、相対位置を別の要素に適用するときは具体的にしてください。したがって、「リスト」のクラスがある場合は、

.lists { position: relative; top: something; left: something }

またはマージン、またはいずれかのルール。

別の要素にいくらかのマージンを与えた後に body タグに問題がある場合 (これがどのように起こるかはわかりませんが)、次のように body に 0 のマージンを与えます。

body { margin: 0; }

それが機能しない場合は、 !important like を使用します

body { margin: 0 !important; }

余談ですが、Firefox 用の firebug アドオンを使用して、CSS の作業を楽にし、その場で何が起こっているかを確認してください。

于 2012-09-09T16:51:44.633 に答える