css - 在固定位置的 div 中管理 div，就像在谷歌搜索页面中一样

Question

这是我的第一篇文章，很抱歉我的英语和我解释我的问题的方式。我想创建一个具有固定标题的网页。但是我遇到的问题是，我不能在向右滚动时出现的标题 div 中放置一个 div。我创建了一个 JS fiddle [http://jsfiddle.net/ruwaz/mjk4T/]，向右滚动时应该有一个深蓝色的框，但它没有出现。我只需要一个标题，就像在登录谷歌搜索页面中工作一样，唯一的变化是它应该固定在浏览器的顶部。

Answer 1

编辑：

这不是固定 div 的问题，而是 div#header 的宽度问题。

代替

#header { min-width: 1200px;; }

利用

#header { max-width: 1200px; width: 100%;}

这将使容器的最大宽度为 1200 像素，但在 1200 像素到 100% 时将是流动的。

---

我认为 JS fiddle 内部有一些奇怪的格式。我试图以全屏嵌入模式（http://jsfiddle.net/mjk4T/1/embedded/result/）查看您的页面，它似乎工作得很好。

我唯一做的就是添加：

#username{ display:block; background-color:red; }

它工作得很好。