我想做这样的事情：
|--------------------------------------------------------|-------------| | | | | 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%;
}
<div class="row" style="width: 1024px; height: 140px;">
<div>
<div id="DIV_1"></div>
<div id="DIV_2"></div>
</div>
<div id="DIV_3">
</div>
</div>
解决方法
试试这个.我从DIV_1和DIV_2中移除了浮点数和宽度并将其放在父级上.
#DIV_0 {
width: 80%;
float: left;
}
#DIV_1 {
height: 125px;
}
#DIV_2 {
height: 15px;
}
#DIV_3 {
float: left;
height: 140px;
width: 20%;
}
<div class="row" style="width: 1024px; height: 140px;"> <div id="DIV_0"> <div id="DIV_1">div1</div> <div id="DIV_2">div2</div> </div> <div id="DIV_3"> div3 </div> </div>
