Question

Css中Float浮动问题，如何不留空白。

如图，所有的div都是float:left 但是中间那块div必须刚好合适，太长会导致左边空缺一块，太短会导致上面空缺一块，我想要的效果是无论它的长短与否，小的div都能填充到空白的位置去，求解决方案，谢谢。

Answer 1

如果完全按照你的这个需求的话，有两种解决方法：
1、把中间的div设置为position:absolute;但是有可能内容会被小div挡住
2、把小的div设置为position:absolute;但是设置left和top，每个都需要不一样。

追问

额、、这一整块都是用的统一样式，这样也方便我从后台取数据复制div，如果要改动个别div的话，，，这个模块就很难控制了呀、、、如果全部定位设置为absolute 那不是每添加一个div都要计算它的位置吗，，好复杂的感觉。。。

追答

大小和高度、位置全部都不一样，按照完全一样的代码来排，估计没有什么办法排得好。或许这样进行处理，会更容易排一些。要不然就得按上面说的了。

Answer 2

楼主试试：min-height和min-width，来代替height和width；

Answer 3

Vue实践-CSS样式position/display/float属性对比使用