开始创建自己的Wordpress博客后，我一直在固定我的标题。
我对CSS/JavaScript只有轻微的接触，所以我在学习的过程中即兴发挥!大多数我想要实现的已经完成，但我只是想尝试并得到这个标题固定之前，我添加我的帖子等。
在互联网上搜索后，我只能找到下面的内容，并将其添加到我的style.css文件中;
#masthead {position:fixed; top:0px; margin:auto; z-index:100000; width:100%;}
这现在修复了标题图像和导航的位置，但稍微偏离中心，但我的页面的其余部分仍然落在这后面。一个问题是图像和导航的实际背景是不透明的。请看下面的截图
Before code - http://tinypic.com/r/2vxm69t/6
After code - http://tinypic.com/r/34jd2t1/6
我相信我可能需要在我的header.php中创建一个单独的'div'，或者以某种方式修改这个，但是，我不是100%确定实际上会使这个工作，因为我以前从未这样做过。理想情况下，在添加这段代码之前，我在导航链接下面添加的行，如截图所示，这将表示标题的底部，当你滚动时，其余部分将消失在这下面。背景作为一个整体将保持白色，并在页面的其余部分的中心，仍然包括顶部的空白显示背景。
! !我必须为截图道歉，它不是很清楚，但我希望这显示了正在发生的事情，并且足够清楚，我会尽快主持这个!
链接到我的'style.css' &'header.php'如下-如果你还需要什么，请告诉我;
style.css - http://codepad.org/c4BnqxlF
header.php - http://codepad.org/w4z19VLW
我希望有人能帮助我，因为我认为这将在我的博客上看起来很棒，然后我可以得到张贴!
编辑
修改的代码，现在显示正确的对齐和背景，但仍然显示标题图像上方的白色部分-最好显示在下面的截图http://tinypic.com/view.php?pic=126bd7c&s=6
#masthead {background: #FFF;position:fixed; top:0px; height: 350px; z-index:100000; width:960px;}
#main {margin-top:335px;}
.
你将不得不调整你的代码，以适当地适应，但这里有一个例子，你可以如何执行我认为你正在努力实现的。
在你的代码中，你需要定义你的图像+导航的背景颜色和高度。之后，你会想要为id="main"创建一个空白，以低于你的信息的其余部分，这将是image + nav链接的margin-top。
更新:添加Margin-top到24px
#masthead {background: #FFF;position: fixed; top: 0px; height: 350px; z-index: 100000; width: 100%;margin-top: 24px;}
#main {margin-top:350px;}
参考:http://jsfiddle.net/6VcZe/1/
要正确地居中对齐你的标题，你需要为你的标题定义一个宽度div:
#masthead { width: 900px }
这将允许自动边距技术正常工作，即使没有位置属性。