margin-to在不同的框里显示为什么不同？

m1800***

1.

2.

同样是设置margin-top为10px第一个div 是相对于html移动了10px；而第二是相对于自己的父div移动了10px；为什么会产生这样的差异？要是我想要第一个div里面的子div也相对于父div移动10px应该怎么设置？

huna***

边界叠加问题，在第一个案例系统做了2件事情
1、判断元素无填充无边框等条件符合然后就发生了边界叠加
2、将子元素的margin过渡给父元素，即在突出外面显示（这是因为块级元素的计算方式造成的）
边界叠加作用主要保证了元素之间距离的统一，造成混淆的时候处理下就好了

解决方法：
1、父元素加边框
2、父元素填充（padding）

3、父元素overflow:hidden
4、子元素绝对定位（position:absolute）
5、子元素float:left；

已有账号？

找人解决需求

margin-to在不同的框里显示为什么不同？

全部参与1

热门问答

m1800***

今日需求悬赏

今日问答求助

发布任务需求已有1031289位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端