HTML と CSS は初めてなので、できるだけ簡単に説明したいと思います フロントエンドのメンターからのプロジェクトに取り組んでいます
これは関連する HTML コンテンツです:
リーリーこれは関連する CSS コンテンツです:
リーリーこれが私のプロジェクトの現在の様子です
ここで、「perfume-name-container」クラスと「desc-container」クラスの下の場所宣言のコメントを解除すると、プロジェクトは次のようになります。
ここに画像の説明を入力してください
私の配置の理解によれば、3 つの div はすべて一緒に積み重ねられるべきですが、右にオフセットされるべきではありません。何が起こっていますか?どうすれば修正できますか?
上と左のコマンドを使用してみましたが、divはまったく移動しませんでした
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
絶対 - 要素は、最初に配置された親要素に対して絶対的に配置されます。 相対 - 要素は通常の位置を基準にして配置されます。
それらを整列させたい場合は、絶対または相対をあまり使用せずに、グリッドまたはフレックスを使用します。
リーリー