亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使導航欄上的“位置固定”設置不改變頁面的布局?

如何使導航欄上的“位置固定”設置不改變頁面的布局?

眼眸繁星 2023-08-29 18:27:07
因此,我的頂部有一個導航欄,底部有一個頁腳,中間有一個大圖像。我使用邊距放置了所有內容(導航的邊距頂部:0,頁腳的邊距底部:0,圖像的邊距:3%自動。圖像在我的頁面上居中,一切都很好。但是,當我設置導航位置時欄固定,圖像的邊距似乎從頁面的開頭而不是導航欄的末尾開始計數(這導致我的圖像與導航欄重疊,而不是位于頁腳和邊距之間)。我知道修復它的唯一方法正在制作第二個不可見的 div,其大小與我的導航欄完全相同,但我相信這不是最實用的方法。我不知道是否有必要在那里放置 HTML/CSS 代碼,我想我描述了所有重要的事情。預先感謝您的幫助
查看完整描述

2 回答

?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

嘗試一下position:sticky。如果元素的高度固定,效果最好。



查看完整回答
反對 回復 2023-08-29
?
RISEBY

TA貢獻1856條經驗 獲得超5個贊

設置position: fixed從文檔流中刪除該元素。一種可能的解決方案是為內容添加一個容器,在您的情況下是圖像的容器 div,并在容器上設置固定的上邊距或頂部填充以適應導航欄的高度。



查看完整回答
反對 回復 2023-08-29
  • 2 回答
  • 0 關注
  • 210 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號