盒装响应式设计取决于剩余的宽度

Question

再次问好Stackoverflow！

我有一个固定在左侧的网页，宽300像素，高100％的菜单。宽度的其余部分为#container。

我想对#container做的事情如下：添加一个非静态数量的盒子，这些盒子在屏幕上传播，具体取决于空间量和剩余的盒子数量

查看我的网站统计信息，我发现有些用户有＆lt; 1200px宽屏幕。其他人有1920px宽屏幕。

第一行是宽屏幕上包含4个框的页面。 第二行是在宽屏幕上包含3个框的页面。 第三行是一个小屏幕上包含4个框的页面。

盒子需要一分钟。宽度为300，最大宽度为800。

我怎样才能达到这个效果？

我应该只使用CSS吗？如果是这样 - 怎么样？

提前致谢