[问题] 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