[問題] margin超出父元素的範圍?消失

看板Web_Design作者時間6年前 (2018/02/13 20:32), 6年前編輯推噓4(404)
留言8則, 4人參與, 最新討論串1/1
我在某一些元素 添加margin這個屬性 然而我注意到 有時候添加margin的元素 margin本身會超出父元素的範圍 例如以下這樣: https://imgur.com/3KCWQfO
紅框部分就是含margin的元素 margin超出父元素的範圍 但是另外的狀況: https://imgur.com/kdxabU2
這是父元素 https://imgur.com/4khi9Ed
這是子元素 可以看到他的margin剛好在父元素的範圍裡 那請問為甚麼會有這種 子元素的margin有時會超出父元素 有時不會呢 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.169.108.28 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1518525160.A.7D1.html

02/13 21:50, , 1F
小弟剛學不久一點淺見:1.可能要給出子元素跟父元素的
02/13 21:50, 1F

02/13 21:52, , 2F
CSS會比較好判斷,因為是有關係的。 2.依照我以往撞牆
02/13 21:52, 2F

02/13 21:53, , 3F
的經驗,父元素有寫死長跟寬的話大小就不會動這樣,沒
02/13 21:53, 3F

02/13 21:54, , 4F
寫死基本上他愛怎麼變長變短就真的隨心所欲這樣
02/13 21:54, 4F

02/13 22:25, , 5F
感覺很像 margin collpase 的問題
02/13 22:25, 5F

02/13 22:26, , 6F
02/13 22:26, 6F
樓上的連結主要是講margin-top 請問這部分跟上面問題的關係是? ※ 編輯: lueichun (1.164.174.213), 02/15/2018 11:24:03

02/15 14:55, , 7F
這個現象的名字就叫 margin collapsing
02/15 14:55, 7F

02/20 09:00, , 8F
加個border,或者更換display屬性即可
02/20 09:00, 8F
文章代碼(AID): #1QWjheVH (Web_Design)