如下图，每个模块的高度是随获取到的数据多少自动变化的，模块之间使用了float，
因为模块高度的不同，总会产生一些间隙，希望能适配不用模块高度，使各个模块之间不存在这种空白区域
有什么好的解决方案吗？
css float产生了空白区域如何解决
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2021-07-02 18:25回答 3 已采纳 瀑布流
- 2022-04-08 14:45回答 2 已采纳 很多办法，最简单是用footer的padding，设置上下一样的padding，他就居中了。行高也可以，但是要多包一层，外层设置为footer高度一样的行高，内存设置为每行固定的一个高度。还有flex
- 2022-03-14 10:49回答 1 已采纳 padding 要么不设 要不左右两边都设 你现在是span属性 是行内标签 设置不了宽高 改成inline-block行内块，不需要设置padding 宽高都给个20px border-radi
- 2023-04-04 23:26三个木马人的博客 是CSS3新增的标准属性，它的作用很单纯，就是"增强页面渲染性能"，当我们在通过某些行为触发页面进行大面积绘制的时候，浏览器往往是没有准备，只能被动的使用CUP去计算和重绘，由于事先没有准备，对于一些复杂的...
- 2022-04-08 14:21回答 4 已采纳 在span标签外添加center标签
- 2022-02-10 14:17回答 3 已采纳 <!DOCTYPE html> <html> <head> <title></title> <style>
- 2021-08-04 16:36回答 4 已采纳 学会看HTML里的里的调试区里的调试器里面的wxml，调CSS非常方便啊，可是实时看到的
- 2023-06-25 18:22一颗小板栗~的博客 介绍了CSS中的 float、position、flex三种布局以及BFC的有关知识，重点在于解决父元素高度塌陷的问题。
- 2023-03-01 16:48回答 4 已采纳 若有帮助，望给个采纳，谢谢！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
- 2016-09-09 08:27回答 4 已采纳 明白了, 栏目1加上 float 后, 它是飘在栏目2上面的, 此时 栏目2 其实是占满整一行的; 如果设置宽度一样的话, 栏目2会被浮动起来的栏目1遮挡, 所以栏目2被挤到下方了.
- 2022-03-18 22:35回答 2 已采纳 路径有问题吗 全部代码呢
- 2022-10-13 16:26想散在风中的博客 前端CSS面试题
- 2022-01-22 10:03回答 2 已采纳 纯色图片的图片颜色么？有很多截图软件都带有取色功能的，比如：Snipaste
- 2022-06-30 16:02胡小七的博客 css
- 2022-04-14 17:34捣蛋龙的博客 CSS 1. css简介 1.1 HTML 的局限性 说起 HTML，这其实是个非常单纯的家伙，他只关注内容的语义。比如 表明这是一个大标题， 表明这是一个段落， 表明这儿有一个图片， 表示此处有链接。 很早的时候，世界上的网站...
- 没有解决我的问题, 去提问
问题事件
已采纳回答
7月16日
悬赏问题
- ¥170 如图所示配置eNSP
- ¥20 docker里部署springboot项目，访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效
- ¥15 悬赏！微信开发者工具报错，求帮改
- ¥20 wireshark抓不到vlan
- ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
- ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
- ¥15 stata安慰剂检验作图但是真实值不出现在图上
- ¥15 c程序不知道为什么得不到结果
- ¥15 键盘指令混乱情况下的启动盘系统重装