2012-02-13 1 views
0

http://jsfiddle.net/k8c7w/内部divをオーバーフロー親にするにはどうすればよいですか?

中間のグレーのバンド(「HELLO WORLD!」と言います)を画面全体に広げようとしています。ただし、メインの幅は非常に狭いことに注意してください。

これをどのように修正できますか?メイン区画の幅はすべてのページにわたって標準的なままでなければならないので、私はそれをまったくやりたくはありません。そして、他の2つのバンド(赤いバンド)は、現在と同じサイズを維持する必要があります。

ありがとうございましたStackOverflow! リンゴ

真ん中のdivのための幅を設定し
+0

あなたはメインのdivの外に 'hello world'を置いて、絶対位置を使って適切な場所に置くことができます – Ibu

+0

mainのオーバーフローはautoに設定されていなければならず、divの高さを知っていますか? – j08691

+0

次に、画面の左側からのオフセット(動的です)を把握する必要があります。私は考えることができない。 –

答えて

0

...

demo here

あなたは、外側のdivからスクロールを削除したい場合は、.mainからoverflowプロパティを削除します。

中間のdivの幅を指定しない場合は、divを削除して.oneクラスの幅を指定する必要があります(この例では、​​クラスとは対照的です。

+0

よく灰色のバーの左側に空白がたくさんあるという問題はまだあります。どのように左に灰色のバーをフラッシュするか分からない! –

+0

あなたはそれが左にも突出したかったとは言わなかった。コンテナのdivの幅を削除し、単に '.one'クラスの幅を指定するのが最善の方法だと思っています。見たところ:http://jsfiddle.net/NotInUse/k8c7w/3/この方法では、中央のdivをウィンドウの幅全体に拡大することもできます。 – Scott

関連する問題