2
我想用不同高度的div創建佈局。用不同高度的不同div創建佈局HTML
我想即使是DIV可以改變基於內容的高度。
在我的代碼中,我把一個固定的高度的div,所以我想修改它,但我不知道如何。
這是我的代碼:
HTML
<div>
<div class="g-block-1">
<div class="block1"></div> <div class="block2"></div>
</div>
<div class="g-block-2">
<div class="block3"></div>
<div class="block4"></div>
<div class="block5"></div>
</div>
</div>
CSS
.block1 {
width: 100%;
height: 500px;
background-color: red;
}
.block2 {
width: 100%;
height: 350px;
background-color: yellow;
}
.block3 {
width: 100%;
height: 100px;
background-color: blue;
}
.block4{
width: 100%;
height: 350px;
color: black;
}
.block5 {
width: 100%;
height: 400px;
color: pink;
}
.g-block-1 {
width: 50%;
float: left;
}
.g-block-2 {
width: 50%;
float: right;
}
可能重複[不同的高度div浮動在兩列](https://stackoverflow.com/questions/11414674/different-height-divs-float-in-two-columns) – Rob