CSS:position = fixed和height = auto

时间:2011-10-31 11:20:33

标签: css

我有一个页面,滚动时标题位置固定。与StackOverflow顶级菜单类似。

我需要使用height = auto,因为我可以在单行或多行中显示信息。如果我使用了两行或更多行,那么我的标题会显示在主要文本上。

我可以通过设置body margin-top =标题宽度来解决这个问题。

如何在没有JS的情况下解决这种情况?

1 个答案:

答案 0 :(得分:1)

我不认为它可以纯粹用CSS完成。带有position: fixed的元素将从正常页面流中取出,因此它们不会用于计算页面上其他元素的位置。

我想你可以渲染两个标题,一个带有position: fixed,另一个没有这样的声明(可能带有'active'页面元素,比如链接,输入字段或用静态文本替换的按钮),仅用于移动其他页面元素。不过,那将是一场可怕的黑客攻击。