Tôi có hai cột và muốn xếp các div có chiều cao khác nhau theo thứ tự xuất hiện.các div chiều cao khác nhau nổi trong hai cột
Các div được tạo động.
Nếu tôi chỉ thả nổi chúng trên 50% chiều rộng, chẳng mấy chốc tôi đến trong tình huống div # 4 cao gấp 5 lần số div đến. Sau đó, div tiếp theo được căn chỉnh hàng đầu với phần dưới cùng của div trước đó.
tôi cần phải phù hợp với các div con trong container sẽ kết hợp chính xác như thế này:
----- -------
1 2
-----
3 -------
----- 4
5
-----
6
-----
7 -------
----- 8
9
-----
10 -------
11
-------
-------
-----
Dưới đây là đoạn mã những gì tôi đã làm:
<style>
.box {background:#20abff; color:#fff; width:50%; margin: 5px;}
.left {float:left;}
.right {float:right;}
.container {width:205px;}
</style>
<body>
<div class="container">
<div class="box left" style="height:60px;">1</div>
<div class="box left" style="height:80px;">2</div>
<div class="box left" style="height:30px;">3</div>
<div class="box left" style="height:70px;">4</div>
<div class="box left" style="height:60px;">5</div>
<div class="box left" style="height:20px;">6</div>
<div class="box left" style="height:40px;">7</div>
<div class="box left" style="height:90px;">8</div>
<div class="box left" style="height:30px;">9</div>
</div>
</body>
và nó trông giống như
nàyhttp://dl.dropbox.com/u/142343/divstack.html
đánh giá cao sự trợ giúp
Bạn có thể đăng html và css hiện tại của mình không? – Erica
[Bạn đã thử gì?] (Http://mattgemmell.com/2008/12/08/what-have-you-tried/) – avall
Tôi thấy những gì bạn đang cố gắng làm .. vấn đề là gì? – Oofpez