Php 父容器中子容器的css动态宽度

在编程一组相邻的div元素时，我遇到了一个问题。情况如下

正如您在示例图像中所看到的，大量的div被堆叠在一起（红色、绿色和橙色块）。它们生活在一个固定宽度的容器内。每次重新加载页面时，都会出现不同的彩色div。我如何在容器中均匀地分配这些？（右边的空白处…） 我想到了使用php计算宽度百分比（即21.14%）并将其设置为元素。这在Firefox中似乎有效，但在IE或safari/chrome中则不起作用。我想这与IE和webkit无法分配21.5像素的宽度有关

可能吗？怎么做

谢谢

试试这个：

#parentdiv{
    display: table;
}
.childrendiv{//give children divs the same class
    display: table-cell;
    width: auto;
}

好的，这很简单：）谢谢！