Html CSS3框,如何停止自动调整内容大小?

Html CSS3框,如何停止自动调整内容大小?,html,css,Html,Css,下面是一个例子,看看我的问题在行动 有关 我只是在谷歌Chrome上使用/测试它,因为它将在使用谷歌Chrome的机器上运行 我有10行,每行6个盒子。这些盒子占据了所有可用的空间。 当我只把适合的内容放进盒子里时,它工作得很好。但是,当内容大于长方体可以处理的范围时,长方体会调整大小以适应内容 我想阻止框的大小调整,并始终保持不变,无论放入什么内容。 (目前我正在将div与div一起使用,但我想将其替换为box,因为它会自动填充可用空间,) (我需要用图像和文本填充这些框) 带Div的电流输出

下面是一个例子,看看我的问题在行动
有关

我只是在谷歌Chrome上使用/测试它,因为它将在使用谷歌Chrome的机器上运行

我有10行,每行6个盒子。这些盒子占据了所有可用的空间。
当我只把适合的内容放进盒子里时,它工作得很好。但是,当内容大于长方体可以处理的范围时,长方体会调整大小以适应内容

我想阻止框的大小调整,并始终保持不变,无论放入什么内容。
(目前我正在将div与div一起使用,但我想将其替换为box,因为它会自动填充可用空间,)
(我需要用图像和文本填充这些框)

带Div的电流输出

您只指定页面作为一个整体具有一定的大小:

 #page {
    width: 1024px;
    height: 768px;
}
如果您想要“框”,这里的
有一个固定的大小,您应该将它的CSS设置为:

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

您仅指定页面作为一个整体具有一定的大小:

 #page {
    width: 1024px;
    height: 768px;
}
如果您想要“框”,这里的
有一个固定的大小,您应该将它的CSS设置为:

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

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

i、 e


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

i、 e

我找到了解决办法

高度:100%在css行中
宽度:产品css中的100%

这说明了这一点

谢谢你的帮助

我找到了解决办法

高度:100%在css行中
宽度:产品css中的100%

这说明了这一点


谢谢你的帮助

没有任何东西适合我?所有的都是固定的。哪个div正在改变它的大小?对不起,忘了提到它是一个专门为Google Chrome设计的网络应用程序!将调整红色框的大小以适合内容。新到clarify@Marcel只有一个问题。。。为什么不使用表或列表而使用somaaany div?修改会更容易,问题会成倍减少…@Sonhja,因为这解决了我之前的问题:列表底部剩余的空间!(链接到帖子顶部的问题)。如你所见!我确实在那里使用了一个列表!没有任何东西适合我?所有的都是固定的。哪个div正在改变它的大小?对不起,忘了提到它是一个专门为Google Chrome设计的网络应用程序!将调整红色框的大小以适合内容。新到clarify@Marcel只有一个问题。。。为什么不使用表或列表而使用somaaany div?修改会更容易,问题会成倍减少…@Sonhja,因为这解决了我之前的问题:列表底部剩余的空间!(链接到帖子顶部的问题)。如你所见!我确实在那里使用了一个列表@外星人先生,你完全正确!宽度和高度不是固定的尺寸!亚历克斯:无论何时放大或缩小,宽度和高度都会有一点变化。CSS3框处理这个问题。我使用这个解决方案,因为它修复了我以前的问题(相关问题)@Mr.Alien你完全正确!宽度和高度不是固定的尺寸!亚历克斯:无论何时放大或缩小,宽度和高度都会有一点变化。CSS3框处理这个问题。我使用这个解决方案,因为它修复了我以前的问题(相关问题),一个框自动指定宽度和高度。你的意思是我必须猜尺寸吗?一个框自动指定宽度和高度。你是说我得猜尺寸吗?