私はどのように表示することができますか：テーブル; DIVはそれを含むDIVの横幅を埋めますか？

Question

私は次のコードを持っている：

<div class="rep_tb0" style="width: 100%"> 
    <div class="rep_tr0" style="width: 100%"> 
     <div class="rep_td0" style="width: 100%" id="ActivityLog">Activity Log</div> 
    </div> 
</div> 

.rep_tb0 {display: table; } 
.rep_tb0 {padding: 5px;} 
.rep_tb0 {border-collapse:collapse; } 
.rep_tr0 {display: table-row;} 
.rep_td0 {display: table-cell; padding: 5px; vertical-align:top; } 
.rep_td0 {border: 1px solid #666; } 

私が望む何がそれを含むDIVを埋めるために水平に拡張する単語アクティビティログを持つテーブルです。 DIVの幅は設定されていますが、DIVの幅は簡単に変更されることがあります。あなたが見ることができるように、私は3つの場所で幅を設定しようとしましたが、何も働かなかった。

ピクセル単位で幅を設定することなく、領域を水平に塗りつぶす方法を教えてください。

私はディスプレイを使用していることを忘れないでください：テーブル;これらは普通のDIVではありません:-)

Answer 1

私は通常、私が望むサイズの容器と相対的な位置を作ります。そしてそのような絶対値と内部のdiv、：あなたは、それらのテーブルに関連した `display`値を必要としないのはなぜ

#container{ 
    width:70%; 
    min-width:600px; 
    height: 600px; 
    background:#000; 
    border:medium; 
    border-color:#CCC; 
    border-radius:10px; 
    display:block; 
} 
#content{ 
    position:absolute; 
    display:block; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 

Answer 2

私は2つのことを試みます。 rep_td0 divのハードコードされたwidth:100%を取り除き、CSSなしでmargin:0px autoを実行します。それでも問題が解決しない場合は、reptb0に幅をピクセルで区切り、パーセントはreptd0 divと同じにします。