码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-05-03 20:52:52      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:hang   答案   get   就会   net   前端   今天   padding   str   

今天在完成百度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

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

标签:hang   答案   get   就会   net   前端   今天   padding   str   

原文地址:https://www.cnblogs.com/WEN19/p/8987252.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!