Div 容器自动高度

【问题标题】：Div Containers auto heightDiv 容器自动高度
【发布时间】：2014-06-22 20:38:02
【问题描述】：

我的div 容器有一个大问题。

我有一个文本所在的容器，它具有动态高度，并且有一个带有图标的容器，可以调整文本的高度。但是带有图标的 Container 的高度是固定的。

这里是 Fiddle 的链接：

FIDDLE

【问题讨论】：

你能把这个问题说得更清楚吗？

标签： html dynamic height

【解决方案1】：

您可以使用display:table; 和display:table-cell; 显示属性来获得您想要的。

CSS：

.div-table {
    display:table;
    width:100%;
    border:3px solid #333;
}
.div-table .div-table-cell {
    display:table-cell;
    vertical-align:middle;
}
.div-table .text-cell {
    width:80%;
    padding:10px 20px;
}
.div-table .icon-cell {
    width:20%;
    background:#999;
    color:#fff;
    font-size:4em;
    text-align:center;
}

小提琴链接：http://jsfiddle.net/ravimallya/uNV8G/2/

【讨论】：

是的，这就是我需要的。但是带有图标的容器必须有一个固定的宽度：85px。我尝试了一些东西 - 请参阅小提琴：jsfiddle.net/Reick/uNV8G/3 非常感谢 =)