CSS:位置=固定，高度=自动

Question

我有一个页面的标题滚动固定位置。类似于StackOverflow顶部菜单上的。

我需要使用height = auto，因为我可以在单行或多行中显示信息。如果我使用了两行或更多行，我的页眉就会显示在页面的正文上方。

我可以用JS脚本解决这个问题，方法是设置正文边距-top=页眉宽度。

我如何在没有JS的CSS上解决这种情况？

Answer 1

我不认为这完全可以用CSS来完成。带有position: fixed的元素被从正常的页面流中删除，因此它们不用于计算其他元素在页面上的位置。

我想你可以呈现两个头，一个有position: fixed，另一个没有这样的声明(也许还有“活动”页面元素，如链接、输入字段或按钮替换为静态文本)，只用于向下移动其他页面元素。不过，这将是一个可怕的黑客攻击。