html - ある div を別の div にオーバーラップさせる - jsfiddle が作成されました

Question

次の黒い領域の上に白い「コンテンツ領域」が必要です...

http://jsfiddle.net/vUrhY/

z インデックスとマージンをいじってみましたが、うまくいかないようです。基本的に、黒は白の下にあり、黒の背景の上に白いコンテンツの端が見えます。ありがとうございました。

body{background-color:#999;}.div-main{height:200px;width:400px;z-index:1000;background:#fff;padding:30px 0 30px 0;max-width:1000px;margin:0 auto;}
.footer_filler{background-color:#000; width:100%; height:300px;z-index:-1;}

Answer 1

positionCSSのスタイル ルールを調べます。

https://developer.mozilla.org/en-US/docs/Web/CSS/position?redirectlocale=en-US&redirectslug=CSS%2Fposition

具体的には、絶対配置または相対配置を調べることができます。