css - 合并 Div-Table-Cells？

Question

我有一个 div 表，它可以很好地处理大约 4 列，但现在我想使元素可扩展，以便另一个 div 出现在条目下方。问题是，如果我在表格行下方使用另一个 div，它的宽度就会卡在第一个列宽上。

我需要的是一个忽略表格布局的分区......对此有什么好的解决方案吗？

Answer 1

看起来底部的最终跨度 div 从 divTable 类继承了一些奇怪的东西。在您的代码中，您的最终 div 位于 divTable 的包装器中。我稍微修改了您的代码，使 div 位于 divTable div 之外，并且它跨越所有列。

<div class="navContent">
<div id="lastRequests" class="divTable">
<div class="divRow bold">
  <div class="divCell c1"> SiteID </div>
  <div class="divCell c2"> Ort </div>
  <div class="divCell c3"> Anfrage </div>
  <div class="divCell c4"> Ergebnis </div>
  <div class="divCell c5"> Datum </div>
</div>
<div class="divRow">
  <div class="divCell c1"> 56831-12481 </div>
  <div class="divCell c2"> gütersloh </div>
  <div class="divCell c3"> 332312, Bielefeld, <span class="tooltip" data-tooltip="Open.  Web. Business.">Deutscheland</span>, 80.32, 43.23</div>
  <div class="divCell c4"> Proxy </div>
  <div class="divCell c5"> 05.09.2012 20:20:21 </div>
</div>
</div>
<!-- move this div here -->
<div style="background-color: #0F9;">
This div should use the whole width
</div>
</div>

编辑:虽然这可行，但我同意上面其他人的说法，他们说你真的应该只为这些数据使用一个表，而不是试图用 div 复制表功能。