css - 合并 div 表单元格？

Question

我有一个 div-table 可以正常工作，大约有 4 列，但现在我想让这些项目可扩展，以便另一个 div 出现在条目下方。问题是，如果我在表格行下方使用另一个 div，它的宽度就会被卡在第一列的宽度上。

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

Answer 1

据我所知，CSS 没有使用 colspan 属性显示 div 的选项。

如果要显示实际表格数据，我建议使用真正的表格元素，或者使用带有表格属性和您自己的自定义样式的 div 简单地重新创建布局。

Answer 2

看起来您在底部的最终跨越 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 复制表功能。