为什么在下面的例子中,内部div的高度不像包装器的div？
HTML：
<div class="wrapper">
<div class="inner">Hello</div>
<div class="inner">Peace</div>
</div>
CSS：
.wrapper {
background-color: #000;
min-height: 100px;
}
.inner {
display: inline-block;
background-color: #777;
height: 100%;
}
如果我改变最小高度：100px;高度：100px;,然后它看起来不错.但是,在我的情况下,我需要最小高度.
解决方法
我相信这是你想要的输出：
http://jsfiddle.net/xhp7x/
.wrapper {
display: table;
background-color: #000;
height: 100px;
width: 100%;
}
.wrapper2 {
height: 100%;
display: table-row
}
.inner {
height: 100%;
display: inline-block;
background-color: #777;
margin-right: 10px;
vertical-align: top;
}
不得不添加第二个DIV包装器2.
在chrome和firefox上测试过.
