2011-08-10 13 views
0

高さ50pxの色を配置する必要がありますが、中央のコンテナからページの左端に向かいます。親を中央に置いたときに、ページの左端に要素を伸ばすにはどうすればよいですか?

位置幅100%タイプセレクターがありますか?

enter image description here

サイトは広い960ピクセル幅に収まるが、ソリッドカラーは左側にストレッチする必要があります...ここで

は一例ですので、あなたは私が何を意味するか知っています。

+0

私が何を「位置左幅100%タイプセレクタ」手段を理解していません。 – BoltClock

答えて

2

を参照してください:あなたはそれは地獄のブラウザで動作する必要があるので、もしhttp://jsfiddle.net/thirtydot/HjrcT/

li, li:before { 
    height: 25px; 
} 
li { 
    position: relative; 
    width: 200px; 
    background: #777 
} 
li:before { 
    content: ' '; 
    display: block; 
    position: absolute; 
    width: 9999px; 
    left: -9999px; 
    top: 0; 
    background: #f0f 
} 

IE7 does not support :before:before<span>に置き換える必要があります。ここではhttp://jsfiddle.net/thirtydot/HjrcT/1/

+0

私はDIVを使用してIE7を使用していることを忘れた場合 – PD24

+1

あなたは深刻ですか?ファイン、ここでは、 'div'sだけのIE7バージョン:http://jsfiddle.net/thirtydot/HjrcT/2/ – thirtydot

+0

ありがとう、それは素晴らしいです... – PD24

0

は若干異なるアプローチですコンテナの背後にある50%幅のdivを使用します。バーの色はメニューdivと一直線に並んでいて、同じであるという錯覚を作り出します。

http://jsfiddle.net/F74cT/1/

関連する問題