html:
1<div class="table"> 2 <div class="cell"> 3 <p>Text</p> 4 <p>Text</p> 5 <p>Text</p> 6 <p>Text</p> 7 <p>Text</p> 8 <p>Text</p> 9 </div> 10 <div class="cell"> 11 <div class="wrap"> 12 <p>Text</p> 13 </div> 14 </div> 15</div>
css:
1.table { 2 display: table; 3} 4 5.cell { 6 border: 2px solid #000; 7 display: table-cell; 8} 9.wrap{ 10 border: 2px solid #000; 11}
このようなhtmlで、wrapは自動的にheightが0に設定されてしまいます。
http://stackoverflow.com/questions/22220698/height-100-for-div-inside-div-with-display-table-cell
このようにする事でwrapのheightが100%になる事は分かったのですが、そうすると外側のtableまで100%になってしまうので使えません。
tableに100%を設定せずに、wrapの高さを100%にする方法はありませんでしょうか。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。