在我制作的网站上，我有一个导航栏，然后在它下面有一个图像。
<Navbar />
<img src="idk" />
<!-- Example -->
我的导航栏使用固定位置，这意味着它位于图像的顶部。(我不想那样)我可以通过在body的顶部添加边距来解决这个问题，但问题是可能导航条的高度会根据浏览器窗口的大小而波动。例如，如果您缩小浏览器窗口，导航栏就会变小，以弥补空间的不足。这意味着我不能只使用硬编码的边距。
btw我使用react
一旦你固定了一个元素，它就会从其他元素的流中被移除。没有解决这个问题的方法，因为这是预期的行为。
正如你已经正确地说，你要添加填充/边距到body元素(或任何页面容器元素)，但也设置你的Navbar元素的高度与媒体查询。
这样你既可以控制导航高度和顶部边框，也可以根据屏幕大小通过媒体查询进行调整。