如何讓固定位置的div繼承其父級的寬度？

定位固定Div 的相對寬度

當嘗試將固定定位的div 設定為其父div 的完整寬度時，會遇到一些挑戰可以出現。讓我們探討這個問題並找到解決方案。

問題描述

在提供的範例中，具有固定位置的 div 不會繼承其父級的寬度。相反，它會擴展到整個視窗的寬度。

解決方案

要解決此問題，請套用 CSS 屬性 width: 繼承到父 div 中的任何內部 div 。這告訴固定 div 從其父級繼承其寬度。

#container {
    width: 800px;
}

#fixed {
    position: fixed;
    width: 100%;
}

#fixed div {
    width: inherit;
}

實作

對於不支援 width: 繼承的瀏覽器，請考慮使用 JavaScript 解決方案。這對於較舊的瀏覽器可能是必要的。

以上是如何讓固定位置的div繼承其父級的寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！