、相対位置のdiv

Question

完全に分離しない

それは#shellと.containerは両方比較的配置のdivある私のスケッチから明らかだことを願っています。私はレスポンシブルデザインのためにすべてをリサイズ可能にしようとしているので、それらを相対的なままにしておきたい。

相対配置された2つのdivには他の要素があり、それらのうちの1つ、つまりフルページ画像は絶対に配置されています。これは#shell div内にコード化されています。

問題は、#shellと.containerが相対的に配置されているにもかかわらず、それらを余白で区切らなければ完全に分離されないということです。相対位置（display：ブロック）は自動的に新しい行にあり、前のdivと重複しないと常に思っていたので、これは残念です。

これまで私が試したすべてのもの（浮動表示、表示オプション、z-インデックス付けなど）のすべてがマップ上にあるので、私はこれに自分のコードを追加することに気にしませんでした。はい。たとえば、.containerに追加されたトップマージンはdivを区切りますが、マージンがパーセンテージで表されていても、さまざまな画面幅でマージンの効果が一致しません。さらに、マージンとメディアクエリを追加することは、はるかに簡単なものを達成するためのばら色のように見えます。

私は、これらの2つの悪党の悪質な人を分け与える方法を私に示すことができる人から聞きたいと思っています。

Answer 1

私はちょうどそれは...私が変更した場合は...

のdivクラス= "コンテナ"

...

のdivのid = "コンテナ"

にすることを発見突然すべての作品が必要です。これは私とは別の謎です。少なくとも、IDとクラスの区別に関する長年の私の理解によると、

私は変更を加えました。これが私が残すものです。