如何使导航栏上的设置 'position fixed' 不更改我的页面布局？
How to cause setting 'position fixed' on navbar not to change the layout of my page?
所以，我在顶部有一个导航栏，在底部有一个页脚，在中间有一个大图像。我使用 margin (margin-top: 0 for nav, margin-bottom: 0 for footer and margin: 3% auto for image) 放置所有内容。图像以我的页面为中心，一切都很好。但是，当我设置导航位置时栏固定，图像的边距似乎从页面的开头而不是导航栏的结尾开始计算（它导致我的图像与导航栏重叠而不是在页脚和边距之间）。我知道修复它的唯一方法正在制作第二个不可见的 div，其大小与我的导航栏完全相同，但我认为这不是最实用的方法。
我不知道是否需要在此处放置 HTML/CSS 代码，我想我已经描述了所有重要的内容。
在此先感谢您的帮助
尝试position:sticky。如果元素的高度固定，效果最好。
设置position: fixed 从文档流中删除该元素。一种可能的解决方案是为内容添加一个容器，在您的情况下为图像的容器 div ，并在容器上为导航栏的高度设置固定的上边距或顶部填充。
所以，我在顶部有一个导航栏，在底部有一个页脚，在中间有一个大图像。我使用 margin (margin-top: 0 for nav, margin-bottom: 0 for footer and margin: 3% auto for image) 放置所有内容。图像以我的页面为中心，一切都很好。但是，当我设置导航位置时栏固定，图像的边距似乎从页面的开头而不是导航栏的结尾开始计算（它导致我的图像与导航栏重叠而不是在页脚和边距之间）。我知道修复它的唯一方法正在制作第二个不可见的 div，其大小与我的导航栏完全相同，但我认为这不是最实用的方法。
我不知道是否需要在此处放置 HTML/CSS 代码，我想我已经描述了所有重要的内容。 在此先感谢您的帮助
尝试position:sticky。如果元素的高度固定，效果最好。
设置position: fixed 从文档流中删除该元素。一种可能的解决方案是为内容添加一个容器，在您的情况下为图像的容器 div ，并在容器上为导航栏的高度设置固定的上边距或顶部填充。