html - 根据静态宽度容器设置 div 元素宽度的数量

Question

我想根据它们的容器宽度相应地设置 div 元素的宽度。但是，数量会发生变化，因此宽度需要相应调整。这是一个 CSDeck 链接，可以清楚地说明情况:

http://cssdeck.com/labs/hvmkapkd

如您所见，两个容器是相同的(必需的)，而且它们具有模块化内容(<div> 元素)(这也是必需的)。保持相同的结构，是否可以使用 CSS 自动调整 div 的宽度，以便它们填满整个容器？<​​/p>

然后第一个容器中的每个元素将具有 33.333% 的宽度，第二个容器中的每个元素将具有 20% 的宽度。

Answer 1

我在发布问题后立即找到了解决方案。将 .container 元素设置为 table 并将彩色内容设置为 table-cell 即可。

上面的链接已更新，但这里还是再次提供链接: http://cssdeck.com/labs/hvmkapkd