页面对齐问题

时间:2012-07-26 14:31:59

标签: html css css3 alignment

我一直在为这个问题苦苦挣扎几个小时,虽然看起来很荒谬我不能以某种方式修复它。

这是网页草稿http://www.mysecretathens.gr/Sera/test.html

如果单击Bio链接,您会注意到Biography.html上的顶部栏菜单略微向右移动。

我们如何解决这个问题?有什么想法吗?

p.s我注意到如果我在exam.html中有与test.html中相同的图片没有问题,那么顶部栏仍处于saim位置。

3 个答案:

答案 0 :(得分:0)

那是因为你的第一页有一个滚动条而生物页没有。您可以强制滚动条始终显示哪些内容可能令人讨厌但一致,或使用绝对定位使内容始终显示在特定位置,尽管可能不会居中。

答案 1 :(得分:0)

html{
overflow-y: scroll;
}

这会强制右侧的滚动条

答案 2 :(得分:0)

第一页上的内容位于屏幕下方,这意味着您必须滚动。对于生物页面来说这是不一样的,因此不一致,要么添加更多内容,要设置overflow-y滚动或只是忽略它(如用户所愿)