默认布局中的默认情况下
1.水平方向上元素一和元素二的margin会叠加,比如1的margin-left为20px,2的margin-right为40px,则这两个元素的边框距离为60px
2.垂直方向,margin-bottom跟margin-top不会叠加,比如1的margin-bottom为50px,2的margin-top为100px,则这两个元素边框距离为100px,
即两者中最大的那个
3.如果两个盒子是嵌套关系,那么设置了里面盒子的外边距也就是margin-top,那么两个盒子都会被顶下来,如果想要外面盒子不被顶下来,可以给外面盒子设置一个边框属性border
4.企业开发中,如果要控制嵌套盒子之间的距离,应该优先用padding属性,其次用margin属性,margin本质是控制兄弟元素之间的间隙,而padding是控制父子元素的间隙
网友评论