Arrangement Div标签是这样的?

时间:2010-02-27 07:29:10

标签: css html

我要创建两个div标记,其中CSS出现在页面中,如下所示:

alt text http://xs.to/image-5E61_4B88C82D.jpg

请您指导我,我应该如何编写CSS代码? 感谢。

3 个答案:

答案 0 :(得分:2)

试试这个

 #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;
    }

答案 1 :(得分:1)

我建议这个

#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>

答案 2 :(得分:0)

更新:已修复两个DIV

Demonstration:)

请参阅源代码......