他の同様の質問が私の特定の問題を助けることができなかったので、私はここにいます。
私はright div
常に100%の高さである必要があります。高さは高さにparent
依存left div
し、内部のコンテンツに依存します。
これがhtmlです:
<div class="container clearfix">
<div class="left"></div>
<div class="right"></div>
</div>
CSSは次のとおりです。
.container{
min-height: 10px;
width: auto;
height: auto;
background-color: #eeeeee;
}
.left{
position: relative;
float: left;
min-height: 100px;
width: 50px;
background-color: #dddddd;
}
.right{
min-height: 20px;
position: relative;
float: left;
height: 100%;
width: 50px;
background-color: #dddddd;
}
.
.clearfix:after
{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
注:
私はを使用してclearfix
います。
そして、あなたがあなたの答えをで示すことができればjsfiddle
これがjsFiddlehttp : //jsfiddle.net/C9Kmx/32/です。