代码实例: .container { margin-left: -50px; padding-left: 100px; }
其实,在CSS中,x轴的正值方向是往右。也就是说,如果大家把元素往左移动,那么就需要使用负数来表示。而如果大家希望元素往右移动,则需要使用正数。
比如,如上面的代码实例所示,如果大家想要让一个容器往右移动50像素,大家应该使用margin-left: 50px; 而不是负数,因为正数代表着往右移动。
同样的道理,如果大家想要在一个容器内添加一些填充,让里面的内容和容器的左边缘保持100像素的距离,大家应该使用padding-left: 100px; 而不是负数,因为这个距离代表着往右移动。
在实际的开发中,用正数表示正值往右的一面也是很方便的。因为大家希望元素往哪个方向移动时,只需要改变数值的正负,而不需要在代码中对方向进行判断。
因此,在CSS中,记住:x轴的正值方向是往右。