负边距的应用的总结

初中的时候开始学习坐标轴,开始接触负数。不管怎么说数学中都要学习的负数,总是有积极意义的吧。谁都不想银行卡的钱是负数的,但是css中如果使用负数可以解决一些比较棘手的问题的。本文参考网络结合自身的项目对margin的负值做一个小小的总结。具体如下图:

负边距在项目中的应用

###1、定宽定高的block元素垂直居中

###2、减少后台的判断,少写一个.last或者first的css。移除列表右侧多余的间隔、移除底部多余的border

###3、tab切换中的应用

###4、布局中应用,右侧固定右侧自适应,左右固定中间自适应

###5、多列等高的应用

###参考链接
margin负值的应用

margin负值 – 一个秘密武器

我知道你不知道的负Margin

负值之美:负值在页面布局中的应用

微吧里的各种margin负值