如何在不影響視覺佈局的情況下防止 CSS 邊距塌陷？

在不進行像素調整的情況下防止邊距折疊

在嘗試像素完美佈局時，CSS 中的邊距折疊可能會很麻煩。通常建議的添加邊框或填充的解決方案通常會產生不良副作用。

幸運的是，有一種簡單的方法可以在不改變視覺外觀的情況下禁用邊距折疊：

利用不可見的內部div 與利用不可見的內部div

與

<div> 溢出：隱藏，高度：0px，寬度： 0px<p>:</p>
<p></p>透過在具有折疊邊距的元素之間插入此分隔線，您可以有效地打破折疊，而無需對佈局引入任何可見的更改。 <pre class="brush:php;toolbar:false"><div>
<p>例如：</p>此方法可確保停用邊距折疊，同時保持佈局的預期間距和外觀。 </div>