課程
/前端開發
/HTML/CSS
/網頁布局基礎
position:absolute;top:0;margin-left:200px;
這個代碼中，top就可以用，paddin卻不行
2017-01-27
源自：網頁布局基礎 4-6
正在回答
你的代碼我操作過了，padding是可以用的，你可以試試代碼這么寫：position:absolute;padding-top:300px;margin-left:200px; ? 你會發現，content內容相對于最初的位置向右移200px(代碼中的margin-left:200px;),向下移300px(代碼中的padding-top:300px;) 所以由此可見padding是可以用的，那么為什么你會覺得padding不行呢，那是因為這節的內容中相對已定位的父包含塊相對定位必須設置偏移量(也就是top：0或left:200px)，而你沒有設置偏移量top:0而只設置padding-top:0;從而出現content內容沒有相對父包含塊偏移，即你認為的不行。另外top和padding-top是兩個不同的概念，如果同時設置top:20px;padding-top:20px;你會發現content內容相對父包含塊向下偏移40px; 嘗試輸入不同的代碼試試看吧，加油。
5huM1n
山楂片大王 提問者
山楂片大王 提問者 回復 5huM1n
5huM1n 回復 山楂片大王 提問者
舉報
讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-01-28
你的代碼我操作過了，padding是可以用的，你可以試試代碼這么寫：position:absolute;padding-top:300px;margin-left:200px; ? 你會發現，content內容相對于最初的位置向右移200px(代碼中的margin-left:200px;),向下移300px(代碼中的padding-top:300px;) 所以由此可見padding是可以用的，那么為什么你會覺得padding不行呢，那是因為這節的內容中相對已定位的父包含塊相對定位必須設置偏移量(也就是top：0或left:200px)，而你沒有設置偏移量top:0而只設置padding-top:0;從而出現content內容沒有相對父包含塊偏移，即你認為的不行。另外top和padding-top是兩個不同的概念，如果同時設置top:20px;padding-top:20px;你會發現content內容相對父包含塊向下偏移40px; 嘗試輸入不同的代碼試試看吧，加油。