10
मेरे पास दो कॉलम हैं और उपस्थिति के क्रम में अलग-अलग ऊंचाइयों के divs को ढेर करना चाहते हैं।अलग-अलग ऊंचाई divs दो कॉलम में तैरते हैं
divs गतिशील रूप से बनाए गए हैं।
यदि मैं केवल उन्हें 50% चौड़ाई पर तैरता हूं, तो जल्द ही मैं स्थिति में आती हूं कि div # 4 आने वाले कुछ divs से 5 गुना अधिक है। फिर अगला div पिछले div के नीचे शीर्ष गठबंधन है।
मैं इस तरह सटीक मिलान होना आवश्यक कंटेनर में बच्चे divs फिट करने के लिए की जरूरत है:
----- -------
1 2
-----
3 -------
----- 4
5
-----
6
-----
7 -------
----- 8
9
-----
10 -------
11
-------
-------
-----
यहाँ कोड का टुकड़ा है कि मैं क्या किया है:
<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>
और यह इस
के समान दिखता हैhttp://dl.dropbox.com/u/142343/divstack.html
मदद
क्या आप अपना वर्तमान एचटीएमएल और सीएसएस पोस्ट कर सकते हैं? – Erica
[आपने क्या प्रयास किया है?] (Http://mattgemmell.com/2008/12/08/what-have-you-tried/) – avall
मैं देखता हूं कि आप क्या करने की कोशिश कर रहे हैं .. हालांकि समस्या क्या है? – Oofpez