divからバックグラウンドを削除せずにテーブルを並べる

フロートの左のプロパティを使用すると、いくつかのテーブルを置いていますが、div内の背景色が削除されます。私はバックグラウンドを取り除かずにテーブルを並べて置くことができましたか？フロートをテーブルに残しておくと、divに入ることさえないようなものです。divからバックグラウンドを削除せずにテーブルを並べる

おかげ

は、相続人のdivのテーブルが相続人

div.middle { 
     background-color:#FFF; 
     width:960px; 
     height:auto; 


     margin-left: auto; 
    margin-right: auto; 
    border:solid; 
    border-color:#FFF; 
    border-width:medium;

middel divの

<table border='1'>\n 
<tr><td align='center' colspan = '10'>Division: 8a10 Grupo A</td></tr> 
<tr> 
<td>Equipo</td> 
<td>JJ</td> 
<td>JG</td> 
<td>JP</td> 
<td>JE</td> 
<td>GF</td> 
<td>GC</td> 
<td>GD</td> 
<td>PTS</td> 
</tr> 




     }

出典

2012-03-23 user541597

clear your floatsのようなサウンドです。

<div style="background-color:blue"> 
    <table id="table1">...</table> 
    <table id="table2">...</table> 
    <div style="clear:both"><!-- clear the floats --></div> 
</div>

出典

2012-03-23 04:48:58 SpliFF

これは動作しますが、私は 'オーバーフロー好む：余分なマークアップを追加する必要はありませんauto'トリックを。 – jmlnik

よく質問がオーバーフローかどうかが発生します：自動は実際に何をしていることになっています。 CSSのハックやブラウザーのように見えます。これは潜在的な将来の破損を意味します。 – SpliFF

実際に私は関連する仕様を見つけましたが、オーバーフローメソッドが正当なCSSである可能性がありますが、その用語は少し不明です。http://www.w3.org/TR/CSS21/visuren.html#block-formatting – SpliFF