首頁 > web前端 > css教學 > 如何設定固定位置 div 的寬度以符合其父容器?

如何設定固定位置 div 的寬度以符合其父容器?

Mary-Kate Olsen
發布: 2024-11-19 12:45:03
原創
409 人瀏覽過

How Can I Set the Width of a Fixed Positioned Div to Match its Parent Container?

定位固定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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板