PTT數位生活區 / Web_Design

[問題] css margin 之百思不其解呀????

看板Web_Design作者 (老魚兒)時間8年前 (2017/05/11 02:11), 編輯推噓4(4推 0噓 5→)
留言9則, 5人參與, 最新討論串1/1
各位版上的先進前輩大家好... 最近遇到一種情況覺得非常疑惑 有內外二個DIV 內層DIV已設定margin 50px 我以為應該是上下左右皆空出50px 但結果是只有左右有空出50px 上下沒有.... 請問各位大大這是為什麼呢?? 如圖示 http://i.imgur.com/5Xz39UJ.jpg
程式碼 https://jsfiddle.net/mbs95yzx/ 先謝謝各位大大的指教... -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.163.18.24 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1494439895.A.167.html
推
05/11 02:46, , 1F
google collapsing margins, .aa加上overflow:auto;
05/11 02:46, 1F
推
05/11 10:31, , 2F
這個特性只存在block，目的是使上下兩個block之間不會有
05/11 10:31, 2F
→
05/11 10:31, , 3F
雙倍的距離
05/11 10:31, 3F
推
05/11 10:36, , 4F
請問為什麼加上overflow auto會恢復margin
05/11 10:36, 4F
→
05/11 16:42, , 5F
好奇怪,上下margin跑到外層外面了http://i.imgur.com/NJ5EN0
05/11 16:42, 5F
→
05/11 16:42, , 6F
05/11 16:42, 6F
→
05/11 16:45, , 7F
還是覺得很疑惑,如果目的是使上下二個BLOCK不會有雙倍的距離
05/11 16:45, 7F
→
05/11 16:46, , 8F
那麼.BB的下面已經沒有其它的BLOCK了,為什麼MARGIN還是沒有
05/11 16:46, 8F
推
05/11 18:40, , 9F
/margin
05/11 18:40, 9F
‣ 更多 qptw 的文章
文章代碼(AID): #1P4rVN5d (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 qptw 的文章
文章代碼(AID): #1P4rVN5d (Web_Design)