如何让浮动DIV填充其父DIV中的可用空间？

如果你使用浮动,你几乎需要给它们宽度.如果您指定宽度,则浮动很好,或者您对浏览器计算的最小所需宽度感到满意.一旦你需要它们扩展以填补可用空间,你就不幸了.

实际上你使用的是错误的工具.

所以你有两种可能性:

修复浮子的大小; 要么

使用表格.

使用表格这是一个需要解决的小问题(等待反表纯CSS狂热分子疯狂).

编辑:好的,你也想做垂直居中.现在你真的遇到了麻烦.请参阅是否可以在不使用表的情况下执行此HTML布局 对于简单的布局可以使用纯CSS有多么难,特别是当您想要进行垂直居中(当容器或子容器不是固定高度时)或并排内容时.

再次,表格使这个微不足道vertical-align: middle.

如果您想了解有关使用纯CSS进行垂直居中的更多信息,请参阅:

CSS中的垂直居中:三层嵌套div ...只是为了获得垂直居中;

如何:使用CSS进行垂直居中 ; 和

使用CSS进行垂直居中.