我怎样才能让我的显示器：表; DIV填充包含它的DIV的横向宽度？

我有以下代码：我怎样才能让我的显示器：表; DIV填充包含它的DIV的横向宽度？

<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有一个宽度设置，但它可能很容易改变。正如你所看到的，我尝试在三个地方设置宽度，但都没有工作。

如何在不设置像素宽度的情况下水平填充区域。

请不要忘记我正在使用display：table;这些不是正常的DIV :-)

来源

2011-11-14 Samantha J T Star

你为什么需要这些表相关的'display'值？ –

当我测试这个代码时，“rep_td0”占据了整个宽度，就像它应该做的那样。你正在使用哪种浏览器？你确定你不需要桌子吗？一切都好，如果它是用来显示一些数据..！ – MatTheCat

它正在显示数据。 –

我通常做一个我想要的大小和相对位置的容器;并与绝对值，像这样内部的div：

<div id="container"> 
    <div id="content">Content</div> 
</div>

，那么Css会是这个样子：

#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%; 
}

来源

2011-11-14 16:15:29 buster

-1

我会尝试两件事。摆脱rep_td0 div中的硬编码width:100%，然后在没有任何宽度的情况下在css中执行margin:0px auto。如果这不起作用，尝试给reptb0 div用像素而不是百分比的宽度，并为reptd0 div执行相同的操作。

来源

2011-11-14 16:10:25 LightningWrist

我怎样才能让我的显示器：表; DIV填充包含它的DIV的横向宽度？

回答

相关问题