css - Google検索ページと同じように、固定配置されたdiv内のdivを管理します

Question

これは私の最初の投稿です。私の英語と質問の説明で申し訳ありません。固定ヘッダーの Web ページを作成したいと考えています。しかし、私が抱えている問題は、右にスクロールすると表示されるヘッダー div 内に div を配置できないことです。JS fiddle[http://jsfiddle.net/ruwaz/mjk4T/]を作成しました。右にスクロールすると濃い青色のボックスが表示されるはずですが、表示されません。サインインしたGoogle検索ページで作業したのと同じように、ヘッダーだけが必要です。唯一の変更は、ブラウザーの上部に修正する必要があることです。

Answer 1

編集：

これは固定 div の問題ではなく、div#header の幅の問題です。

それ以外の

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

使用する

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

これにより、コンテナの最大幅が 1200 ピクセルになりますが、1200 ピクセル未満から 100% まで流動的になります。

---

JS フィドルの内部で奇妙なフォーマットが行われていると思います。あなたのページを全画面埋め込みモード ( http://jsfiddle.net/mjk4T/1/embedded/result/ ) で表示しようとしましたが、問題なく動作しているようです。

私がしたことは次のとおりです。

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

そして、それはうまく機能しています。