Расположение тегов Div, как это?

Question

Я собираюсь создать два div тега с CSS, которые появляются на странице, как показано ниже:

альтернативный текст http://xs.to/image-5E61_4B88C82D.jpg

Подскажите, пожалуйста, как мне писать CSS-коды?
Спасибо.

Answer 1

попробуйте

 #div-01
    {
      position :absolute;
      top:0px;
      left:0px;
      height:600px;
      width:800px;
      background-color:gray;
    }   

    #div-02
    {
      position :absolute;
      top:0px;
      left:200px;
      height:500px;
      width:400px;
      background-color:yellow;
    }

Answer 2

Я предлагаю это

#div-01 
{ 
  z-index:1;
  height:300px; 
  width:800px; 
  background-color:gray; 
}    

#div-02 
{ 
  z-index:2;
  height:500px; 
  width:400px; 
  background-color:yellow; 
} 

<div id="div-01">
    <div id="div-02"></div>
</div>

Answer 3

Обновление: исправлено для двух DIV

Демонстрация :)

Пожалуйста, смотрите исходный код ...