我试图像拼图一样将这些 div 放在一起。我想在 div 1 和 3 之间对齐 div 4。截至目前,div 4 在 div 3 下开始。解决方案是什么,以便 div 相互“插槽”。
<div style='overflow:hidden;width:500px;'>
<div style='float:left;width:200px;height:400px;border:1px solid #707070'>1</div>
<div style='float:left;width:200px;height:300px;border:1px solid #707070'>2</div>
<div style='float:left;width:200px;height:400px;border:1px solid #707070'>3</div>
<div style='float:left;width:200px;height:300px;border:1px solid #707070'>4</div>
</div>
我不想使用绝对位置。这只是一个例子。真正的代码在循环中,内容大小是动态的。