如何使固定 Div 響應其父級寬度？

相對於父元素定位固定div

當嘗試使用position:fixed設定div的寬度時，使用者可能會遇到困難，如果他們希望寬度與其父級div 相關。但是，預設情況下，固定元素從文件或視窗繼承其寬度。

解決方案

要解決此問題，請將以下CSS 屬性應用於父div :

width:inherit;

這指示父div 內的內部div 繼承父div 的寬度。因此，固定 div 的寬度將相對於其父 div，提供所需的佈局。

範例

<div>

#container {
  width: inherit;
}

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

注意:

如果特定瀏覽器需要寬度繼承支持，請考慮實作基於JavaScript 的解決方案。然而，對於大多數現代瀏覽器來說，對父 div 應用「width：inherit」應該可以有效解決這個問題。

以上是如何使固定 Div 響應其父級寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！