为了账号安全,请及时绑定邮箱和手机立即绑定

如何使导航栏上的“位置固定”设置不改变页面的布局?

如何使导航栏上的“位置固定”设置不改变页面的布局?

眼眸繁星 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 关注
  • 116 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信