1

子の高さを主な親の高さに固定するより良い方法はありますか?
私はそうしようとしましたが、うまくいきません：

.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 で赤の 1 つの大きな .media div の高さを修正したい ps: 固定/px ディメンションは使用できません パーセンテージ/% のみを使用します私のレイアウト

4

1 に答える 1

1

私はまだ問題を理解しているかどうかわかりません.. まず、パディングを削除しchildますheight:100%. 内側の div にパディングを追加する必要があります。

.inner {
    padding:6px;
}

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

高さ 100% は正常に機能しています。以下は、3 つの子 (そのうちの 2 つは等しい) の例であり、問​​題なくフローティング親内にフローティングしています: http://jsfiddle.net/qRPYt/7/

row-fluidそれでも問題が解決しない場合は、jsfiddle またはそれ以上の CSS を投稿してください。

于 2013-02-12T11:20:29.540 に答える