html - CSS3 Box，如何停止自动调整内容大小？

Question

这是一个小提琴，可以看到我的问题！http://jsfiddle.net/h2Ya8/6/
与 CSS 相关的如何填充剩余空间（1 div 和更小的 div）

我只在 Google Chrome 上使用/测试它，因为它将在带有 Google Chrome 的机器上运行

我有 10 行，每行 6 个盒子。这些盒子占据了所有可用空间。
当我只放入适合盒子的内容时，它工作正常。但是当内容大于盒子可以处理时，盒子会调整大小以适应内容。

我想阻止盒子调整大小并始终保持不变，无论放入什么内容。
（目前我正在使用带有 div 的 div，但我想用盒子替换它，因为它会自动填充可用空间，）
（我需要用图像和文字填充这些框）

带 Div 的电流输出

Answer 1

我找到了解决办法！

height:100%;
width:100%在产品 css中的行css

小提琴显示了这一点！http://jsfiddle.net/h2Ya8/31/

感谢所有的帮助！

Answer 2

您只需指定整个页面具有一定的大小：

 #page {
    width: 1024px;
    height: 768px;
}

如果你想要“盒子”，这里<div class="product">有一个固定的大小，你应该将它的 CSS 设置为：

 .product {
    width: 100px;
    height: 80px;
    border: etc...;

Answer 3

您只需为#page:overflow:auto 指定宽度和高度。

IE，

#page {
    width: 1024px;
    height: 768px;
    overflow: auto;
}