當用div布局，相對定位時（乙個div包含另乙個div），子div的位置是相對於母div來設定的（從母div左上角開始算），margin可以活動到母div外圍而不會把母div撐大，padding則總是在母div內部折騰，會把母div撐大。
—————————————————————
—————————————————————
當用div布局，絕對定位時，div位置是相對整個頁面來設定的（從整個網頁的左上角開始算），絕對定位的div被固定在了頁面某個距離的最上層，能遮住別的元素。當然這個頁面指的不是可視頁面，而是整個頁面，因為頁面內容一旦太多，拉動滾動條可以讓div在視線中消失（margin不會撐大，padding同樣會撐大）。
—————————————————————
—————————————————————
當div用布局，固定定位時，div的位置是相對於整個可視頁面來說的（從整個可視頁面的左上角開始算），它一直在可視頁面的某個位置的最上層，頁面再大，仍然霸屏在那裡。
—————————————————————
—————————————————————
最後我還是沒弄透徹padding與margin到底是怎麼回事，只知道前者是內邊框後者是外邊框。前者是div內部的內容相對於div左上角的距離，後者是div相對於頁面左上角的距離，所以內邊距一大就是div內部的內容距離div左上角的距離變大，所以padding會撐大而margin不會。最後還試了一下，當絕對定位的div與固定定位的div在同一位置時，哪個會被遮住，結果發現固定定位更吊一點，畢竟它佔據的是可視頁面嘛。
我寫這個的本意是為了讓學習css涉及到這一知識點的朋友能更好地理解div定位，可是我自己卻是個天生的糾結命，總喜歡不停地用**做測試，然而不同的瀏覽器可能出現不同的效果，所以如果看到此文並有不同見解的朋友，你千萬不要來跟我爭論，真的，我會糾結死。
好了，再會！哈哈哈~~~~
div相對定位和div絕對定位
1，內外層均不設定postion，一般巢狀關係。2，僅外div設定relative，一般巢狀關係。3，僅內div設定absolute，文件中為巢狀關係，頁面中內div浮起 非float 相對於頁面定位，與外div無關。4，外div設定relative，內div設定absolute，內div浮起來並相...
相對定位 絕對定位 固定定位
設定position屬性值為static的元素是乙個靜態定位元素，此值為預設值，即此元素在正常文件流中。設定position屬性為relative的元素是乙個相對定位元素，其定位的參照物為元素本身 即元素原本的位置進行定位 例項 parent child style class parent cla...
css 相對定位，絕對定位，固定定位
定位有三種，分別是相對定位 絕對定位 固定定位。相對定位 position relative 絕對定位 position absolute 固定定位 position fixed 相對定位 相對定位，就是微調元素位置的。讓元素相對自己原來的位置，進行位置調整。head meta charset ut...