经常会碰到设置上下左右的padding,margin。有一个比较有意思的地方,就是谁先主动。
比如,并列排的两个div(float后),如果左边的div要设置margin-right为50px,这个时候我们肯定会很明白,就是要离右边那个div的边距是50px,那为什么一定是右边div向右退后50px呢,而不是自己向左边退50px,这样视觉上也是边距50px啊。其实这里有一定的规律:
(1)
margin-left和margin-top :如果是设置以上两个,都是div自己运动调位置。
margin-right和margin-bottom :都让别人动。
(2)
padding-left和padding-top:内容会移动,调整位置。
padding-right和padding-bottom:内容位置不变化,只是相应的填充区域变大变小。