Html 具有可折叠div的流布局，用于维护行结构
我有一个可折叠div的流体布局。当它们折叠时，会在下面留下一个空白，由下一个div自动填充（它们都有Html 具有可折叠div的流布局，用于维护行结构,html,css,Html,Css,我有一个可折叠div的流体布局。当它们折叠时，会在下面留下一个空白，由下一个div自动填充（它们都有float:left）。然而，这看起来并不好，我希望在不失去移动div的能力（当窗口变小时）的情况下保持“行结构” CSS代码段： .clickable { border: 1px dotted black; width: 200px; float: left; height:50px; margin-right:20px; margi
float:left.clickable {
border: 1px dotted black;
width: 200px;
float: left;
height:50px;
margin-right:20px;
margin-bottom:20px;
}
<html>
<head><title>Layout test</title></head>
<body>
<div class="clickable"> 1 </div>
<div class="clickable"> 2 </div>
<div class="clickable"> 3 </div>
<div class="clickable"> 4 </div>
<div class="clickable"> 5 </div>
<div class="clickable"> 6 </div>
</body>
<html>
布局测试
1.
2.
3.
4.
5.
6.
有没有纯CSS解决方案？我不想弄乱JavaScript。我知道我可以动态地确定列的数量，然后将它们包装成“行”，但我还不愿意使用这个解决方案 将您的
浮动：左显示：内联块