1. PTT
  2. Web_Design

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

作者: lueichun (no anonymous)   2018-02-13 20:32:38
我在某一些元素 添加margin這個屬性
然而我注意到 有時候添加margin的元素 margin本身會超出父元素的範圍
例如以下這樣：

紅框部分就是含margin的元素 margin超出父元素的範圍
但是另外的狀況：

這是父元素

這是子元素 可以看到他的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

Links booklink

Contact Us: admin [ a t ] ucptt.com