CSS外邊距溢出是一種常見的問題，尤其在進行某些布局或定位操作時。下面我們將介紹幾種解決辦法。

// 手動增加內邊距
.box {
width: 200px;
height: 200px;
padding: 10px;  // 增加內邊距
margin: 50px;
background-color: #ccc;
}
// 使用盒模型
.box {
box-sizing: border-box;
width: 200px;
height: 200px;
margin: 50px;
background-color: #ccc;
}
// 使用overflow屬性
.box {
width: 200px;
height: 200px;
margin: 50px;
background-color: #ccc;
overflow: auto;  // 顯示滾動條
}
// 使用彈性盒子
.box {
display: flex;
justify-content: center;
align-items: center;
width: 200px;
height: 200px;
margin: 50px;
background-color: #ccc;
}

以上是幾種常見的解決辦法，可以根據自己的實際情況選擇最適合的方法。