CSS 邊框寬度塌陷是一種常見的問題，特別是在使用浮動元素時。在這種情況下，子元素的高度通常會被父元素的邊框寬度所影響。這就導致父元素的高度無法正確地計算。這個問題可以通過使用清除浮動、overflow 屬性或偽元素等方法來解決。 首先，使用清除浮動是解決邊框寬度塌陷問題的一種常見方法。給父元素添加 clear 屬性可以清除它內部浮動元素的影響。例如：

p {
clear: both;
}

這將清除 p 元素內部任何浮動元素的影響，確保其寬度被正確定義，并且父元素的高度可以正確地計算。 另一個解決邊框寬度塌陷的方法是使用 overflow 屬性。為父元素添加 overflow 屬性可以確保其內容不會溢出，并且父元素的高度可以正確計算。例如：

p {
overflow: hidden;
}

這將確保 p 元素的內容不會溢出父元素，并且可以正確地計算父元素的高度，從而避免邊框寬度塌陷的問題。 最后，使用偽元素也可以解決邊框寬度塌陷問題。為父元素添加偽元素 ::after，并為其添加 clear: both 屬性，可以清除子元素的浮動，確保父元素的高度可以正確地計算。例如：

p::after {
content: "";
display: block;
clear: both;
}

這將為 p 元素添加一個空的塊級元素，它會清除內部浮動元素的影響，并確保父元素的高度可以正確計算。 總的來說，邊框寬度塌陷是一種常見的 CSS 問題，但可以通過多種方法來解決。使用 clear 屬性、overflow 屬性或偽元素都可以避免這個問題，并確保父元素的高度可以正確計算。