断舍离,永远去做你余生最重要的那件事

首页前端开发正文

margin负值的问题

朱绪2020-11-191052CSS

我们都知道,margin的值是可以为负值的。

margin-top和margin-left为负值的话实现的效果相似,而margin-bottom和margin-right又是另外一种效果。

margin-top/margin-left负值,元素向上、向左移动。

margin-right设置成负值,右侧元素左移,自身不受影响。

margin-bottom设置成负值,下面的元素上移,自身不受影响。

margin负值的实际应用还是比较常见的,比如我们会经常性地使用到”position: absolute;left: 50%;margin-left: 长度的一半“来达到水平居中的效果。

margin负值的问题