定位固定div 的設定寬度問題
嘗試將100% 的寬度分配給「position:fixed」div ,當元素堅持採用瀏覽器視窗或文件的寬度時,就會出現一個困境。儘管定義了具有特定寬度的父 div,但固定 div 無法遵守它。
要修正此問題,請將樣式屬性「width:inherit」套用至巢狀在父 div 中的所有 div。該解決方案在以下HTML 和CSS 程式碼中進行了演示:
<div>
#container { width: 800px; } #fixed { position: fixed; width: 100%; } #fixed * { width: inherit; }
透過為固定div 的子元素指定“width:inherit”,它們繼承其父元素的寬度,確保對齊具有預期尺寸。
以上是如何設定固定位置 div 的寬度以符合其父容器?的詳細內容。更多資訊請關注PHP中文網其他相關文章!