css - Twitter Bootstrap Css 根据父行流体修复子项的高度

Question

有没有更好的办法让 child 的高度固定为主父高度？
我试过了，但它对我不起作用:

.child {
    background: none repeat scroll 0 0 #5B6567;
    border-radius: 5px 0 0 0;
    display: inline-block;
    float: left;
    line-height: 30px;
    padding-top: 6px;
    position: relative !important;
    text-align: center;
    width: 12%;
    height:100%
}

<div class="row-fluid">
    <div class="child">
        child
    </div>
</div>

jsfiddle http://jsfiddle.net/WTmt6/1/检查我想要灰色的左 div 来固定红色一大 .media div 的高度ps: 我不能使用固定/px 尺寸我只在我的布局上使用百分比/%

Answer 1

我仍然不确定我是否理解问题...首先，删除 child 上的填充，因为它会导致 height:100% 出现问题。您应该在内部 div 中添加填充:

.inner {
    padding:6px;
}

<div class="child">
    <div class="inner">child</div>
</div>

高度 100% 工作正常。这是一个 3 个 child (其中两个相等)的示例，在 float 父项中 float 没有问题:http://jsfiddle.net/qRPYt/7/

如果您仍然遇到问题，请发布 row-fluid 的 CSS 或者更好的是，一个 jsfiddle。