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