div中嵌套table

给table外面加一个div，给这个div设置一个左浮动就行了

<div style="float:left"><table width="500" border="1" cellspacing="0" cellpadding="0" >

<tr>

<td></td>

<td></td>

</tr>

</table>

</div>

<div style="float:left"><table width="100" border="1" cellspacing="0" cellpadding="0">

<tr>

<td></td>

<td></td>

</tr>

</table>

</div>

<div style="float:left">

<table width="400" border="1" cellspacing="0" cellpadding="0">

<tr>

<td></td>

<td></td>

</tr>

</table>

</div>

利用CSS的继承原理。给新的table单独命名一个class，这样可以把这个table独立出来，对它进行样式布局。虽然你的table是二级嵌套关系，但是这并不影响CSS对它的控制。若不行，肯定是在CSS的继承关系的书写上出错，要仔细哦~

---