如何讓絕對定位的內部 DIV 尊重其父級的 Overflow:hidden 屬性？

絕對位置與溢出隱藏

困境：

我們有兩個嵌套的DIV：一個帶有溢出的外部DIV：隱藏並絕對定位內部DIV。預設情況下，內部 DIV 不會遵循外部 DIV 的溢出行為。我們怎麼能在不將外部 DIV 的位置更改為絕對位置（這會破壞我們的佈局）的情況下保持這種行為？

解決方案：

確保內部 DIV 尊重外部 DIV 的位置Overflow 屬性：

1. 將外部 DIV 的位置更改為相對。
2. 保持內部 DIV 的絕對定位。

範例：

#outer {
  width: 200px;
  height: 200px;
  background-color: green;
  overflow: hidden;
  position: relative;  // Make outer DIV relative
}

#inner {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;  // Keep inner DIV absolute
  left: 250px;
  top: 250px;
}

附加說明：

• 附加說明：
• 使用位置：外部DIV 的位置：相對值不會影響其顯示或佈局。

內部 DIV 必須保持position:absolute，以「逃離」外部 DIV 的邊界，同時仍尊重其溢出行為。 對於內部 DIV 從表格單元格中長出的特定情況，解決方案保持不變。透過將外部表格儲存格定位為相對，將內部 DIV 定位為絕對，即可達到所需的效果。

以上是如何讓絕對定位的內部 DIV 尊重其父級的 Overflow:hidden 屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！