margin传递问题

margin传递问题

---

  在HTML的嵌套结构中，有时候想用margin来调整位置时发现子类调整会影响到父类！？但是这种传递问题只出现在margin-top，左右下不会有影响！

---

解决方法：

• BFC规范；
• 給父容器添加边框（这个方法不是很好，因为有时候父容器不要添加边框）；
• 把margin换成padding，在父容器添加padding也可以达到同样的效果

---

注意：

当父容器或子容器处于浮动时，就不存在margin传递问题了，因为已经脱离了文档流！