ページ上の他の要素を基準(zhǔn)にして div を配置したいと考えています。
これは初期 CSS です:
リーリー必要に応じて、次のコードを?qū)g行します:
リーリー ###消す:### リーリー(X と Y は Left と Top の同義語です)
次のようになります:
問題は次のとおりです。 s.top と p.top はなぜ違うのですか?
#success は絶対的に配置されるため、DOM 內(nèi)の他の要素のフローはその配置に影響しませんが、top
などの屬性はその配置に影響し、#puzzle の位置は ですstatic
(デフォルト) top
などの影響を受けませんが、ドキュメント フローに適しています。
からhttps://www.w3schools.com/Css/css_positioning.asp
#success を #puzzle の左上隅に配置したい場合は、#puzzle に position:relative
を設(shè)定し、それが HTML 內(nèi)の #success の親であることを確認(rèn)します。