CSS - 当div低于折叠时跳跃的标题

时间:2014-03-12 11:37:46

标签: css positioning

我一直在把头发拉出来。

这是我的问题:我有这两个页面,带有徽标和登录详细信息的标题应始终保持在同一位置。在其中一个页面上,我注意到标题的移动取决于我在下面的div的长度!

这是页面:

http://presencepro.fr/speakspot/homepage-logged-out.html

如果删除lorem ipsum文本的一大块(以便所有内容都适合您的视口),您会注意到标题会回落到应该存在的位置。好像div太长的事实对上面的div有影响。

可能是什么问题?

您可以与第二页并排比较,这是标题应始终为:

http://www.presencepro.fr/speakspot/login.html

非常感谢您的时间。

纪尧姆

1 个答案:

答案 0 :(得分:0)

问题是由于滚动条缩小了屏幕的宽度,因此中心对齐的所有内容都被迫移动。

我建议您使用CSS中的以下代码强制显示垂直滚动条。

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}