CSS負外邊距是指當設置一個元素的外邊距為負數時，該元素就會相對于它默認的位置偏移一定的距離。這樣做的好處是，我們可以更加靈活地控制元素的位置和尺寸，從而實現更多樣化的布局效果。

.box {
width: 200px;
height: 200px;
background-color: #eee;
margin: 50px -50px 0 0;
}

上面這段CSS代碼中，元素.box的外邊距設置為50px和-50px，分別表示它在頂部和右側的外邊距為50px，而在左側的外邊距為負50px，也就是說它會向左偏移50px的位置。

使用CSS負外邊距可以實現很多有趣的布局效果，比如疊壓式的卡片效果、多行文本的對齊效果等等。

.card {
width: 300px;
height: 400px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
margin-bottom: -50px;
position: relative;
z-index: 1;
}
.card + .card {
margin-top: -50px;
}

上面這段CSS代碼中，我們設置.card元素的底部外邊距為負50px，使得下一個.card元素可以和它疊在一起。同時，我們還給.card元素設置了一個相對定位和較高的層疊順序，讓它可以顯示在下一個.card元素的上方，形成一個疊壓的效果。

總之，使用CSS負外邊距可以讓我們更加靈活地控制元素的位置和尺寸，從而實現更加多樣化的布局效果。