                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁布局基礎(chǔ)

與頂部距離top和paddin的區(qū)別

position:absolute;top:0;margin-left:200px;

這個(gè)代碼中，top就可以用，paddin卻不行

山楂片大王

2017-01-27

源自：網(wǎng)頁布局基礎(chǔ) 4-6

關(guān)注問題我要回答

736

操作

收起

1 回答

5huM1n 回答被采納 +3 積分
2017-01-28

你的代碼我操作過了，padding是可以用的，你可以試試代碼這么寫：position:absolute;padding-top:300px;margin-left:200px; ? 你會(huì)發(fā)現(xiàn)，content內(nèi)容相對于最初的位置向右移200px(代碼中的margin-left:200px;),向下移300px(代碼中的padding-top:300px;) 所以由此可見padding是可以用的，那么為什么你會(huì)覺得padding不行呢，那是因?yàn)檫@節(jié)的內(nèi)容中相對已定位的父包含塊相對定位必須設(shè)置偏移量(也就是top：0或left:200px)，而你沒有設(shè)置偏移量top:0而只設(shè)置padding-top:0;從而出現(xiàn)content內(nèi)容沒有相對父包含塊偏移，即你認(rèn)為的不行。另外top和padding-top是兩個(gè)不同的概念，如果同時(shí)設(shè)置top:20px;padding-top:20px;你會(huì)發(fā)現(xiàn)content內(nèi)容相對父包含塊向下偏移40px; 嘗試輸入不同的代碼試試看吧，加油。