2012-02-04 8 views
1

私は必要な要素が画面全体に広がっています。静的に配置された要素を画面にまたがるように取得する方法

要素のフローにある必要があるため、幅を100%に設定すると画面が覆われないため、静的に配置する必要があります。

私はそれが絶対的に位置決めすると、次に0leftrightプロパティを設定して、画面上を覆うだろうが、その要素は、DOM要素と混乱それを流れから取り出されることになる可能性があります。

静的に配置された要素を画面全体に広げる方法を教えてください。ここで

支持jsfiddleです:position: staticあるhttp://jsbin.com/uwepij

+1

があなたの体からマージンを除去することは可能ですか?それとも必要なのですか? 'body {margin:0!important;}' – 19greg96

+0

ああ、ボディにデフォルトでマージンがあることはわかりませんでした –

答えて

1

あなたが使用することができ、体内の余裕が必要な場合はいけない:あなたのjsbinへ ボディ{マージン:0;}

2

要素は、デフォルトでは、その親要素の幅以上にまたがりません。

あなたが見ている場合、body要素の余白は8pxです。絶対配置されていない要素はすべて、その領域に制限されています。

場合は、しかし、あなたはそうのような要素にパディングと負のマージンを設定することができ、あなたは要素がまたがるしたいどのくらいの余分なスペースを知って

padding: 0 10px; 
margin: 0 -10px; 

がアップデートとして上記を参照してください。 http://jsbin.com/amuxev

+0

あなたのソリューションはうまく動作しますが、一番簡単です。私はあなたにアップヴォートを与えた –

関連する問題