Question

我有一个div表可以正常使用大约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复制表格功能时。

合并Div-Table-Cells？

2 个答案: