Question

我很难调整具有动态高度的浮动div（仅限CSS）如果你看到底部间隙我想让它们粘在一起有动态高度请在这里查看代码，任何帮助将非常感谢

＆＃13;

.c {
  display: inline-block;
  width: 100%;
}

.D {
  float: left;
}

＆＃13;

<div class="c">
  <div class="D" style="height:100px; background:blue; width:25%;">
  </div>
  <div class="D" style="height:200px; background:green; width:25%;">
  </div>
  <div class="D" style="height:100px; background:pink; width:25%;">
  </div>
  <div class="D" style="height:120px; background:red;width:25%;">
  </div>
  <div class="D" style="height:200px; background:red; width:25%;">
  </div>
  <div class="D" style="height:150px; background:blue; width:25%;">
  </div>
  <div class="D" style="height:100px; background:green; width:25%;">
  </div>
  <div class="D" style="height:100px; background:pink;width:25%;">
  </div>
</div>

＆＃13;

Answer 1

这可能是你想要实现的目标吗？如果您最终使用此方法，请务必将.c的高度设置为两个（或更多）最高和堆叠的.D元素的总和。

https://jsfiddle.net/axelboberg/5pdpf6zh/

另外，尝试使用尽可能少的内联css。当项目增长并违反MVC概念时，它会变得混乱。

如何用css调整/叠加动态高度的浮动div？

1 个答案: