2012-08-06 61 views
-1

我在页面顶部有一个固定的div,但由于某种原因,它应该与屏幕顶部齐平时出现一个间隙。身体未被覆盖的边缘?

在检查HTML时,我发现body看起来有8px的margin-top。我实现了normalize.css来清除问题(因为它稍后有用),现在在我的Chrome工具中,它显示为被覆盖(margin-top:8px已被触发并normalize.css margin:0; is不),但它似乎没有对设计做任何改变?

可以在这里找到:

http://www.haselden.co.uk/james/docs/index.html

回答

0

尝试设置此样式#navigation:

#navigation { 
    position: fixed; 
    height: 100px; 
    top: 0; 
    width: 100%; 
    background-image: url('images/stripes_bg.png'); 
} 
+0

谢谢!这工作!你能解释一下这个解决方案吗?为什么我的保证金不起作用?我看你已经在这个解决方案上实现了top:0,而我有margin-top:0 – Francesca 2012-08-06 20:35:31

+0

position:fixed;使元素在视图框架内占据固定位置。您可以使用顶部/左侧/底部/右侧CSS属性来设置固定元素出现在视图框架中的哪个位置。 IE - 如果你想让你的固定元素在右上角,你可以使用top:0;正确:0;如果你想在左下角你可以使用bottom:0;左:0; – 2012-08-06 21:10:18

0

h1#wrapper #top已经陷入推动#wrapper下了保证金,保证金创造那也推下了#navigation元素。如果您从h1中删除top-margin,则所有内容都将按照您的需要向上滑动。