AquarLife

刚刚上译言，想翻译How to Create a Theme Development Environment for a Live WordPress Site。不过貌似新版编辑器提交的原文被截断了，于是作罢。拖拽Chrome的窗口玩，忽然发现译言首页的Header部分在窗口变窄后右侧便白了，重现了一次，结果还是如此，当时很震惊，第一感觉是译言的设计师写出BUG了，然后马上否定这个有点SB的想法，第二感觉是Chrome自身的渲染问题，赶紧切Firefox，结果还是如此，有图为证：

问题重现

然后又觉得是不是译言网确实写错了代码，结果发现Inspect Element也有这问题，如图：

Chrome中的Inspect Element

然后突然明白了，这是因为把width设成100%的原因。用Firefox的插件FireBug验证了这一点，如下图（看大图，注意右下角处FireBug中的高亮代码）：

Width:100%的问题及原因

知道问题所在后，我作为一个极其不专业的CSS初学者，利用FireBug强大的调试功能，根据Wordpress.org主页的相关代码，给出如下解决方案。

解决方案

用min-width:960px之后，完美地解决了问题，因为译言把Header分成了TopHeader和TopNavi，我只修改了一个，正好作为对比。

或者有更好的解决方案？