在CSS定位中，有一種盒子坍塌的現象，當元素使用了定位屬性后，如果沒有設置寬度和高度，則其前一個兄弟元素的外邊距會對該元素進行重疊，進而導致盒子坍塌的問題。

/* HTML結構 */
<div class="box box1"></div>
<div class="box box2"></div>
/* CSS樣式 */
.box {
position: relative;
/* 沒有設置寬度和高度 */
}
.box1 {
margin-bottom: 50px;
}
.box2 {
margin-top: 20px;
}

上述代碼中，box1元素的外邊距為50px，box2元素的外邊距為20px，由于box1沒有設置寬度和高度，因此box1的外邊距會向上盒子坍塌，導致box2元素的外邊距也被包括在內，從而將box2元素的上外邊距重疊。

為了避免盒子坍塌的問題，我們可以通過設置元素的寬度和高度來解決，或者使用下面的兩種方式：

/* 方式一：使用overflow屬性 */
.box {
position: relative;
overflow: auto;
}
/* 方式二：使用偽元素 */
.box::before {
content: "";
display: table;
}
.box::after {
content: "";
display: table;
clear: both;
}

對于方式一，我們使用了overflow屬性來解決盒子坍塌的問題。設置overflow:auto后，元素會生成滾動條，在不影響布局的前提下，阻止了外邊距的重疊。 對于方式二，我們使用了偽元素來解決盒子坍塌的問題。利用::before和::after偽元素清除外邊距的重疊，將偽元素的display屬性設置為table，以便模擬一個table元素的布局。

在日常開發中，我們需要注意元素的定位和寬度高度的設置，以避免出現盒子坍塌的問題，從而保證網頁的布局效果。