在CSS中,我可以排列内嵌块的高度吗？

在CSS中,我可以排列内嵌块的高度吗？

我想通过将边距设置为0并将高度设置为自动,块将扩展以适应可用空间,但仍然紧紧包裹在块上.

.myclass {
    display: inline-block;
    margin: 0em;
    padding: 1em;
    height: auto;
    border: solid;
}

http://jsfiddle.net/6NQDw/

我希望两个框都是相同的高度,但是希望div宽度/高度由它们的内容确定,而不是指定宽度/高度(以像素为单位).

是否有某种填充/边距/对齐CSS或类似我可以使用的东西？

解决方法

你可以使用display：table-cell;如果您需要一个纯CSS解决方案,但是请注意,它将无法在IE7中运行(我猜IE6现在完全被遗忘了).

.myclass {
    display: table-cell;
    margin: 0em;
    padding: 1em;
    height: auto;
    border: solid;
}

Cross browser support for display:table-cell

您最好的实现所需要的方法是JavaScript,但是明确地设置动态内容的容器宽度几乎总是错误的.