html三个div布局,html – 3个DIV的布局,其中2个在一列中

我想做这样的事情：

|--------------------------------------------------------|-------------|

| | |

| DIV 1 | |

| | DIV 3 |

|--------------------------------------------------------| |

| DIV 2 | |

|--------------------------------------------------------|-------------|

我不能用这个表.而且我不知道是否有办法让他们像这样堆叠？

我尝试使用下面的代码,但DIV 3并不是最重要的.它实际上正好是div2.height从顶部降低.

#DIV_1 {

height: 125px;

width: 80%;

display: block;

float: left;

}

#DIV_2 {

width: 80%;

height: 15px;

display: block;

}

#DIV_3 {

display: block;

float: left;

height: 140px;

width: 20%;

}