[問題] margin超出父元素的範圍？ lueichun PTT批踢踢實業坊

[問題] margin超出父元素的範圍？

作者: lueichun (no anonymous) 2018-02-13 20:32:38

我在某一些元素添加margin這個屬性
然而我注意到有時候添加margin的元素 margin本身會超出父元素的範圍
例如以下這樣：
https://imgur.com/3KCWQfO
紅框部分就是含margin的元素 margin超出父元素的範圍
但是另外的狀況：
https://imgur.com/kdxabU2
這是父元素
https://imgur.com/4khi9Ed
這是子元素可以看到他的margin剛好在父元素的範圍裡
那請問為甚麼會有這種子元素的margin有時會超出父元素有時不會呢
謝謝

作者: gary22204 (大頭蛇) 2018-02-13 21:50:00

小弟剛學不久一點淺見：1.可能要給出子元素跟父元素的CSS會比較好判斷，因為是有關係的。 2.依照我以往撞牆的經驗，父元素有寫死長跟寬的話大小就不會動這樣，沒寫死基本上他愛怎麼變長變短就真的隨心所欲這樣

作者: ymcheung (ymc) 2018-02-13 22:25:00

感覺很像 margin collpase 的問題https://goo.gl/ibFQh4

作者: eight0 (æ¬¸XD) 2018-02-15 14:55:00

這個現象的名字就叫 margin collapsing

作者: lovero32000 (樂芙RO三萬二) 2018-02-20 09:00:00

加個border,或者更換display屬性即可

繼續閱讀

[問題] 請問這個是跟js和css的讀取順序有關嗎awpadam [問題] 文字長度不同如何RWD置中在區塊s9250123 [問題] 我住大同區 cjwufu [問題] 圖檔讀取問題lenofire [請益] CSS和JS課程選擇：五倍紅寶石或飛肯Lenashuhan [問題] 如何像FB那樣即使頁面關閉也會主動…rrr0832 [問題] AWS lambda如何上傳檔案至S3powerice [問題] Wordpress 連結打開 lightbox方法rockcan [問題] windows網路磁碟機的href語法kisha024 [問題] wix網站可以串綠界金流嗎？miaiy