我在网站上有一个标题，它的高度根据许多服务器端因素而变化。已经要求将标题修改为具有固定位置，以便当用户滚动页面时，标题保持在顶部。我正在使用position: fixed来实现此效果。问题是当标题变得太高时，它会覆盖某些内容的顶部（即使一直滚动到顶部）。我可以将一个上边距应用于内容div以将其扩展到标题之外，但如前所述，边距的值将根据CSS不可用的许多因素而有很大差异。是否有一种简单的方法可以告诉浏览器在下面呈现一个固定层的内容？
我尝试将clear应用于内容，但这没有做任何事情。我知道我可以用Javascript做到这一点，但我正在寻找一个基于CSS的解决方案。
答案 0 :(得分：8)
我不认为这是可能的。当您将position: absolute或position: fixed分配给元素时，它会从文档流中有效删除，并且其维度不再与其兄弟元素相关。
答案 1 :(得分：1)
你可以使用javascript轻松完成
jQuery(document).ready(function() {
header_height = $("#header").height();
$("#main-content").css("padding-top", header_height);
});