css - 使用 css 样式化 Div

Question

以这种方式使用 css 3 div 设置样式的最佳方式是什么:Div 1 和 2(宽度相同)左侧一上一下，右侧一格 3。类似于:

div1  { height: 200px; width:400px }
div2  { height: 600px; width:400px }
div3  { height: 800px; width:600px }

Answer 1

最好的方法是先拿两个div，一个在左边，一个在右边，左边的里面应该再放两个div。例如:

/**** CSS FILE ****/
.left{
  float:left;
  }

.right{
  float:right;
  }

.div1{
  width:400px;
  height:200px;
  }

.div2{
  width:400px;
  height:600px;
  }

.div3{
  width:600px;
  height:800px;
  }

<!-- HTML File -->

    <div class="left">
         <div class="div1"> <!-- My div1 --> div1 </div>
         <div class="div2"> <!-- My div2 --> div2 </div>
    </div>

    <div class="right">
        <div class="div3"> <!-- My div3 --> div3 </div>
    </div>