CSS3框，如何停止自动调整大小与内容？ [英] CSS3 Box, How to stop automatic resize with content?

问题描述

这是一个显示这个！ http://jsfiddle.net/h2Ya8/31/

感谢所有的帮助！

Here is a Fiddle to see my problem in action! http://jsfiddle.net/h2Ya8/6/
Related to CSS how to fill remaining space (1 div with smaller divs)

I am only using/testing this for Google Chrome, as it's going to run on a machine with Google Chrome

I have 10 rows with each 6 boxes. These boxes take up all the space available.
It works fine when i'm only putting content that fits in the box. But when the content is bigger than the box can handle, the boxes resize to fit the content.

I want to stop the boxes from resizing and always stay the same, no matter what content is put in.
(currently i'm using div with div's but i want to replace this with box as it automaticly fills up the space available, )
(i need to fill these boxes with images and text)

Current output with Div's

解决方案

I found a solution!

height:100%; in the row css
width:100% in the product css

Fiddle that shows this! http://jsfiddle.net/h2Ya8/31/

Thanks for all the help!

这篇关于CSS3框，如何停止自动调整大小与内容？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！