html怎么将一张图撑大,html – 如何使多个相等大小的div块占用100％的父容器

我有以下CSS：

#imageContainer {

width: 100%;

margin: 0px;

margin-bottom: 10px;

}

.divSelectImage {

border: 2px solid red;

width: 25%;

margin: 0px;

margin-bottom: 10px;

float: left;

}

我有四个.divSelectImage实例,这就是宽度为25％的原因.我希望在#imageContainer中并排看到所有四张图片.基本上,四个图像应该占据#imageContainer的100％,而#imageContainer又占据了屏幕的100％.

但我没有.尽管检查了萤火虫,每个25％,最后一张图片进入下一行.我必须使它们达到24.5％才能适应它们,但我不希望最后有空白区域.

这种情况发生在Firefox和谷歌浏览器中.

我缺少某种CSS魔法吗？我怎么能做到这一点？