ホームページ  >  に質問  >  本文

複数の要素を「position:Absolute」に設定すると状況が変化するのはなぜですか?

HTML と CSS は初めてなので、できるだけ簡単に説明したいと思います フロントエンドのメンターからのプロジェクトに取り組んでいます

これは関連する HTML コンテンツです:

リーリー

これは関連する CSS コンテンツです:

リーリー

これが私のプロジェクトの現在の様子です

ここで、「perfume-name-container」クラスと「desc-container」クラスの下の場所宣言のコメントを解除すると、プロジェクトは次のようになります。

ここに画像の説明を入力してください

私の配置の理解によれば、3 つの div はすべて一緒に積み重ねられるべきですが、右にオフセットされるべきではありません。何が起こっていますか?どうすれば修正できますか?

上と左のコマンドを使用してみましたが、divはまったく移動しませんでした

P粉773659687P粉773659687424日前512

全員に返信(1)返信します

  • P粉818125805

    P粉8181258052023-09-15 10:54:58

    絶対 - 要素は、最初に配置された親要素に対して絶対的に配置されます。 相対 - 要素は通常の位置を基準にして配置されます。

    それらを整列させたい場合は、絶対または相対をあまり使用せずに、グリッドまたはフレックスを使用します。

    リーリー

    返事
    0
  • キャンセル返事