版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。
版权
前端专栏收录该内容
91 篇文章1 订阅
订阅专栏

文章目录

前言
margin设置为负值往往用于实现双飞翼布局、圣杯布局中。我本人对这些布局实现的原理还有点懵,故整理一下margin为负值的情况。
margin四值顺序
【1个值】margin: top|right|bottom|left;【2个值】margin: top|bottom left|right;【3个值】margin: top left|right bottom;【4个值】margin: top right bottom left;
margin表现
block元素可以使用四个方向的margin值inline元素使用上下方向的margin值无效inline-block使用上下方向的margin负值看上去无效
margin为负值
现有如下代码。