我想在页面上创建一个在您滚动页面时不会移动的页眉。
这看起来很简单，只需在样式中添加“position: fixed”，但随后内容会出现在标题下方，因为标题已“从流中移除”。所以我认为的解决方案是在内容中添加“margin-top: height”。
当标题的高度可变时，解决此问题的最佳方法是什么？
我有一个演示问题的 fiddle :
http://jsfiddle.net/waterlooalex/j4Z8F/2/
如果您的浏览器窗口不是太大，内容文本将滚动到“hello world header”下方，问题是第一行文本“Lorem ipsum...”被隐藏了。我有一些评论解决该问题的 javascript。
最佳答案
您可以添加 未 固定的页眉 div 的第二个副本，并在其上使用类似 visibility:hidden 的内容。通过这种方式，它会将内容推送到您需要的确切位置，但无需使用 JavaScript。有点骇人听闻，但我在你的 fiddle 中试过了，它起作用了。
关于css - 在具有可滚动内容的 CSS 中创建可变高度 "fixed" header ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6763095/