子对象上的负边距和绝对位置-父对象的高度大于内容

Question

我有一个不固定高度的标头容器，其中包含（按以下顺序）

1. 固定高度（200px）的徽标
2. 位置：绝对像素导航栏，为60像素，它是滚动式粘性导航栏（滚动到其位置后，将其更改为固定的位置）。此导航栏的负边距为-60像素，以便置于徽标上方（它具有透明度）

虽然一切正常，但导航栏位于徽标上方，并且具有不透明性，我注意到父div（没有固定大小）将其高度设置为260px。徽标下方留有60px的空白空间。 这显然是徽标（200px）+导航栏（60px）。尽管不是真正的260px，但是由于导航栏被推到徽标上，因此容器实际上仍然只有200px。

我可以简单地将父容器设置为200px的固定高度，但是我不喜欢这种方式，因为如果我想调整徽标的高度，我也需要进行调整。 我也可以制作一个margin-bottom: -60px来容纳导航栏，但是我并不认为这很好，因为它仍然使父容器的高度为260px，并且当您与检查器一起玩时，您会看到它是实际上与它下面的div重叠，它只是不可见。

有没有办法防止父容器包括导航栏的高度，而没有任何JS技巧？