欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

將父位置設置為相對位置并將子位置設置為絕對位置如何影響使用translate的div居中?

錢淋西2年前10瀏覽0評論

我想知道將父對象的位置設置為相對,然后將子對象的位置設置為絕對會做什么,我見過人們多次使用這種技術。

當我試圖使用translate(-50%,=50%)將一個div居中時,我必須將父div的位置設置為相對位置,將子div的位置設置為絕對位置。我在想,那是做什么的?

默認情況下,帶有position: absolute的元素將相對于視口進行定位。要相對于不同的元素(必須是父元素/祖先元素)進行定位,該祖先元素需要有一個位置集(例如position:relative;或者位置:絕對;).有問題的絕對元素將相對于位置集最近的父元素進行定位。

平移設置只是告訴絕對元素相對于父元素的位置。(請注意,您的代碼中有一個錯誤。應該沒有=。)還要注意,現在還有其他居中的方法,比如Grid或Flexbox。