知更鸟主题的导航条宽度固定为980px，我把它修改成了页面宽度，如果浏览器窗口宽度大于980px，则自动延伸（抱歉，本人是代码小白，也不懂网页设计，这样描述或许不准确）。经过这样一改，我觉得现在的页面头部少了点秀气，而多了点大气。
下面是修改方法：
1、打开主题目录下的header.php，把top和header整个提到wrapper之前，方便下一步的修改。
2、修改header的css样式，使之居中显示。具体的代码忘记了哪些了，大家有兴趣的话可以使用chrome浏览器的“审查元素”功能对比一下我的css和原主题有什么不同。
3、修改top的css样式，使之居中显示，同样，具体的css代码大家使用chrome浏览器查看一下就知道了。
这样修改之后导航条是居中了，但宽度还是980px，怎么才能撑满整个浏览器窗口呢？使用chrome的“审查元素”功能查看之后，我发现原主题并没有为top元素指定css样式，我们只需要加上这么一句就行了：
background: url(xxx.png) repeat-x；
这里的xxx.png就是我们指定的整个top的背景图案，可以通过修改原主题的背景图案获得，这里不再赘述。
修改之后，由于top的宽度没有指定，所以会撑满浏览器窗口，而topnav宽度依旧是980px，并且设置了居中，可以保证网页不会变形。
（上面的文字写的真累啊，不懂技术的人想写个技术类的文章真是不容易，看来班门弄斧也是需要有一定功力的，呵呵。如果有什么贻笑大方之处，还请各位高手指正！）
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/tech/aiops/250794.html