具有自动高度的Div不起作用

Question

我无法自动调整div的高度。文本很棒，只需传递div。如何停止自动高度？

查看问题：

http://noivascearenses.com.br/novo/?n=categoria&id=6

.categoria {
border: 1px solid #F9F7F6;
background: url(../imagens/prod-bg.png) repeat left top;
-webkit-box-shadow: 0 0 3px #DCDAD9;
margin: 0px 6px 10px 6px;
height: 235px;
padding: 10px 10px 10px 10px;
}

Answer 1

您在float内的元素上使用.categoria，以便根据 clear 浮动元素添加所需的内容使高度发挥作用这在你的CSS上：

.categoria:after {
    display:block;
    content:" ";
    clear:both;
}

同样在此链接中，您有更多关于如何清除浮动的选项：

http://css-tricks.com/all-about-floats/

不要忘记删除您在课程.container中设置的固定高度和内嵌

Answer 2

只需将此添加到categoria。

display: inline-table;

通过将显示添加为内联表来检查图像。试试这个可能会解决你的问题。

或者另一种方法是通过计算内容字符

以编程方式设置div的高度