1

margin-bottomを使ってdiv要素を配置してみました。何らかの理由で、margin-bottom が要素の位置に影響しているようには見えません。答えを探してみましたが、すべての答えは と関係がありましたがposition:absolute、それでもうまくいきませんでした。

ただし、負のマージントップを使用して配置することはできましたが、それが機能しない原因を知りたいと思っています。

HTML /CSS を示すフィドルを次に示します。
（私が話しているのは画像です。margin-bottomは100pxに設定されています。）

4

4 に答える 4

1

クラス「productImage」を使用して、位置の絶対プロパティをDIVに配置してみてください。たとえば、次のようにします。

.productImage {
    display: block;
    float: left;
    position: absolute;
    left: 450px;
    top: 60px;
}

これを使用して、画像を正常に操作しました。お役に立てば幸いです。

于 2012-06-14T18:29:03.163 に答える
0

下部のマージンは、要素が何らかの方法で下部を介して配置された場合にのみ機能します。現在、上部に基づいて配置されており、H1によって設定されています。H1をブロックにしたくない場合は、に設定しdisplay:inline-blockます。幅を段落の幅に設定することもできます。

あなたが指摘したように、これが負のマージントップが機能する理由です。

于 2012-06-14T18:16:08.433 に答える
0

次のいずれかを使用します。

  • ネガティブ（または単に小さい）margin-top
  • position: relativeとネガティブtop

詳細な説明：

通常のドキュメントフローでは、margin-bottomは、その後に続く要素の位置にのみ影響します。これは、通常のブロックレベルの要素が子の高さとともに高さを拡張するためです。したがって、要素の位置は、その前の要素と、それ自体のマージントップによって決定されます。

于 2012-06-14T18:31:21.350 に答える
0

を追加することを検討してくださいdisplay: block。

于 2012-06-14T18:07:47.653 に答える