CSSのテキストの量で高さを伸ばすには？

Question

私はこのような状況

<div class="sub_project"> 
    <div class="sbone brown_gradient optzeci">Description</div> 
    <div class="sbtwo optzecitwo"> 
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
    </div> 
</div> 

.sub_project{ 
    font-size: 16px; 
    margin: 10px 0; 
    background: #D7D7D7; 
} 

.brown_gradient{ 
    background: #EB994F; 
} 
.sbone{ 
    padding: 5px; 
    color: white; 
    float: left; 
    width: 160px; 
    margin: 0 10px 0 0; 

} 

.sbtwo{padding: 5px;} 

.optzeci{height: 80px;} 
.optzecitwo{min-height: 80px;} * html .optzeci { height:80px; } 

を持っている私は、テキストの量と一緒に成長する<div class="sbone brown_gradient optzeci">Description</div>高さをしたいと思います。

今私はmin-height: 80px;を設定しますが、高さを設定したくありません。

また、私は、画像を使用するか、JavaScript

jsfiddle

任意のアイデアを参照してくださいしたくないですか？

おかげ

Answer 1

は比較的コンテナ、.sub_projectを配置し、それがパディングを左に与える：

は、ここに私の試みです。絶対位置は.optzeciで、それにはtop: 0; left: 0; bottom: 0;とします。

http://jsfiddle.net/W7Nrn/9/

.sub_project { 
    ... 
    padding-left: 175px; 
    position: relative; 
} 
.optzeci { 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
} 

Answer 2

あなたは、あなたがその場でのボックスに高さを割り当てることができますjqueryのを使用することができます。あなたのテキストを含むdivの高さを取得して、descriptionボックスに同じ高さを割り当てる必要があります。 http://jsfiddle.net/W7Nrn/6/