父級塌陷是前端開發中經常遇到的問題之一。當子元素設置了margin-top時，如果父元素沒有設置padding或border，子元素的margin會穿透父元素，導致父元素的高度受到影響，從而產生塌陷的現象。為了避免這種情況的發生，我們可以采用以下幾種方法。

方法一：給父元素設置border或padding。設置一個較小的邊框或padding值即可解決問題。例如：

.parent {
border: 1px solid transparent;
}
或者
.parent {
padding: 1px;
}

方法二：使用偽元素清除子元素的margin。給父元素添加一個::after偽元素，并設置其display為block，然后設置clear:both，即可清除子元素的margin。例如：

.parent::after {
content: "";
display: block;
clear: both;
}

方法三：使用浮動。給父元素設置float:left或right，即可避免父級塌陷的問題。例如：

.parent {
float: left;
}

綜上所述，我們可以采取以上三種方法中的任意一種來解決父級塌陷的問題，根據實際情況選擇最合適的方法。