margin设置负值后，会怎样？有何应用？

margin负值有什么效果？

• margin-left 负值，元素自身向左移动
• margin-top 负值，元素自身向上移动
• margin-right 负值，右边的元素向左移动
• margin-bottom 负值，下边的元素向上移动

margin负值的应用

• 增加宽度
• 圣杯布局
• 双飞翼布局

演示代码

@说人话的前端 - bilibili * { margin: 0; padding: 0; } .box { margin: 50px; border: 5px solid red; } .div1 { width: 200px; height: 200px; background: green; }