課程
/前端開發
/HTML/CSS
/十天精通CSS3
為什么top和left屬性后面的百分數是相對于父元素, 而ranslate()里面的百分數卻是相對于自身？
2015-06-28
源自：十天精通CSS3 8-4
正在回答
因為前面設置了position：absolute；所以left，right是相對于所有父元素中含定位的那個元素；如果設置position：relative，那就和translate一樣的效果了。
而translate定義就是相對于其自身，這個沒什么可解釋的，屬于文檔定義。
設置了設置position:absolute，相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對于body元素，即相對于瀏覽器窗口。
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
1 回答translate的-50%,-50%
4 回答translate(-50%,-50%)在這個代碼段的具體作用是什么？
1 回答后面的那個left:0 right:0 是相對于哪里定的位啊
5 回答為什么一個框里上圖50%下圖50%確不會接觸到一起？？
3 回答:translate
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-10-26
因為前面設置了position：absolute；所以left，right是相對于所有父元素中含定位的那個元素；如果設置position：relative，那就和translate一樣的效果了。
而translate定義就是相對于其自身，這個沒什么可解釋的，屬于文檔定義。
2015-07-05
設置了設置position:absolute，相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對于body元素，即相對于瀏覽器窗口。