為什麼絕對定位嵌套 DIV 上的隱藏工作不會溢出：除非父級相對定位？

絕對定位和溢出隱藏難題

處理嵌套DIV 時，在以下情況下在外部DIV 上強制執行溢出隱藏屬性可能會很困難：它沒有絕對定位。這可能導致內部 DIV 絕對定位，忽略溢出隱藏行為。

考慮以下 HTML 結構：

<div>
<p>其中 #first 具有溢位隱藏屬性，且 #二是絕對定位。在這種情況下，#second 將不遵守溢位隱藏約束。 </p>
<p>要在不將#first 設定為絕對位置的情況下解決此問題，請考慮以下解決方案：</p>
<ol>
<li>
<p>位置#first 作為相對值：</p>
<pre class="brush:php;toolbar:false">#first {
  position: relative;
}

位置#first 作為相對值：

#second {
  position: absolute;
}

保持#second位置絕對：

透過此配置，#second 現在將遵循 #first 的溢位隱藏屬性。這允許您保持所需的佈局，同時確保內部 DIV 遵守溢出約束。