如何使特定標籤忽略溢出：隱藏在 HTML Div 中？

如何允許特定標記覆寫Overflow:hidden

使用HTML div 時，指定hide 的溢位屬性可以防止某些元素溢出的邊界。然而，某些情況下可能需要某些元素忽略這一點並突出到div之外。

解決方案：

關鍵在於保持overflow:hidden的靜態定位元素並設定溢出元素相對於更高等級父元素的位置，如下所示：

<div class="relative-wrap">
    <div class="overflow-wrap">
        <div class="respect-overflow"></div>
        <div class="no-overflow"></div>
    </div>
</div>

說明：

• .relative -wrap 類別使用position:relative 來實現內部元素相對於其在DOM 中的位置的放置。
• .overflow-wrap 類別維護overflow:hidden，以及特定的高度和寬度來定義邊界區域。
• .respect-overflow 類，位置：relative，遵循 .overflow-wrap 父級設定的邊界。
• .no-overflow 類，位置：absolute ，忽略 .overflow-wrap 父級的邊界並相對於 .relative-wrap 父級定位自身。

以上是如何使特定標籤忽略溢出：隱藏在 HTML Div 中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！