[問題] margin/padding 使用時機??

看板Web_Design作者 (愛嘶猴)時間13年前 (2012/11/30 00:31), 編輯推噓1(107)
留言8則, 3人參與, 最新討論串1/4 (看更多)
各位晚安~ 最近練習了許多div+CSS的排版範例 但當自已要寫出一個網頁時,何時要使用margin或padding卻讓我有點搞不清楚 參考了一些文章,是建議div跟div之間用margin來排版 div裡的content用padding來排版 不知道我這樣的解讀是否正確呢?? 謝謝~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 112.105.86.161

11/30 00:42, , 1F
你可以這樣想~padding是該元素往內擴張(擠壓)
11/30 00:42, 1F

11/30 00:43, , 2F
margin是該元素往外擴張~像div往上擴張就可跟上一個div
11/30 00:43, 2F

11/30 00:45, , 3F
或元素做間隔~padding可以大概想成縮排~當然2者的用法很活
11/30 00:45, 3F

11/30 00:45, , 4F
多是看看你就可以慢慢抓到要點吧
11/30 00:45, 4F

11/30 02:35, , 5F
你加上 border 就知道 padding margin 要何時用了
11/30 02:35, 5F

11/30 02:46, , 6F
如果你有放底圖/底色的話,底圖/色是從padding開始顯示(預設)
11/30 02:46, 6F

11/30 02:47, , 7F
這點要列入考慮
11/30 02:47, 7F

11/30 15:10, , 8F
sycc說的沒錯~margin出去的範圍也會做為背景的顯示範圍
11/30 15:10, 8F
文章代碼(AID): #1Gjutzwv (Web_Design)
文章代碼(AID): #1Gjutzwv (Web_Design)