我想知道將父對象的位置設置為相對,然后將子對象的位置設置為絕對會做什么,我見過人們多次使用這種技術。
當我試圖使用translate(-50%,=50%)將一個div居中時,我必須將父div的位置設置為相對位置,將子div的位置設置為絕對位置。我在想,那是做什么的?
默認情況下,帶有position: absolute的元素將相對于視口進行定位。要相對于不同的元素(必須是父元素/祖先元素)進行定位,該祖先元素需要有一個位置集(例如position:relative;或者位置:絕對;).有問題的絕對元素將相對于位置集最近的父元素進行定位。
平移設置只是告訴絕對元素相對于父元素的位置。(請注意,您的代碼中有一個錯誤。應該沒有=。)還要注意,現在還有其他居中的方法,比如Grid或Flexbox。
下一篇vue不寫縮寫