CSS中的絕對定位(absolute)可以讓我們把元素從文檔流中脫離出來,并根據其父元素的位置來定位它們。但這種強大的定位方式會帶來一些麻煩,例如:
position: absolute; top: 100px; left: 100px;這樣的代碼可以讓你的元素放置在文檔中任意的位置,但它也可能導致頁面的布局出現混亂。 比如,如果同時使用了多個absolute定位的元素,那么它們將會相互覆蓋,可能會導致其中一些元素看不到。而且,absolute定位的元素脫離了文檔流,可能導致頁面元素的錯位和重疊,從而影響用戶體驗。 另外,在使用absolute定位時,我們還需要注意父元素的定位方式。如果父元素沒有設置定位方式,那么absolute元素會相對于文檔的body元素來進行定位,而不是相對于父元素。 因此,在使用absolute定位時,我們應該優先考慮其它的定位方式,例如relative定位或flex布局。如果不得不使用absolute定位,那么需要小心使用,并確保它們不會干擾正常的頁面布局。