IFE:day9-day11(子div与父div的下移问题)

Posted 2020-11-02 wen19

今天在完成百度IFE前端技术学院day9-day11的作业时发现:

　　在CSS样表中，我对子div设置了margin-top的属性，结果发现其父div也随之下移，在网上搜索一番后找到了答案

　　根据规范:

　　　　　　一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

　　　　　　再说白点就是：父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己“领导”(父元素，祖先元素)的麻烦。

　　　　　　只要给领导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin防止它越级，假传圣旨，把自己的margin当领导的margin执行。

　　　　　　参照：1：https://www.cnblogs.com/zczhangcui/p/6081574.html

　　　　　　　　　2：http://www.hicss.net/do-not-tell-me-you-understand-margin/

 

　　解决办法：给父元素设置border-top或padding-top