我想做这样的事情:
- |--------------------------------------------------------|-------------|
- | | |
- | 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>