css - Div-Table-Cell をマージしますか?

Question

約 4 列で正常に動作している div テーブルがありますが、エントリの下に別の 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でテーブル機能を複製しようとするのではなく、このデータにテーブルを使用する必要があると言うとき、上記の他のすべての人に同意します。