Question

在html中怎样使table内包含的table不被外面table的样式影响？

这是外面的table套用的css：
.mt10{margin-top:10px;}
.transact_tab{border-top:1px #d9d9d9 solid; text-indent:0!important;}

这是写出的html：

<table cellpadding="0" cellspacing="0" border="0" width="100%" class="mt10 transact_tab">
<tr>
<th>名称：</th>
<td><strong id="hidName" class="f14 ">111</strong></td>
</tr>
<tr>
<th>号码：</th>
<td>1111</td>
</tr>
<tr>
<th>方 式：</th>
<td>
<table class="w360" style="height:10" cellspacing="1" bgcolor="d9d9d9">
<tr>
<td width="50%"><div align="center">111</div></td>
<td width="50%"><div align="center">111+</div></td>
</tr>
<tr>
<td width="50%"><div align="center">222</div></td>
<td width="50%"><div align="center">222+</div></td>
</tr>
</table>

</td>
</tr>
</table>

这么写的，里面的table已经重新设置了高度啊，为什么还是跟着外面的样式走了呢？？？

Answer 1

你可以在table外面加一个div，给div设置高度，这样就不会引起问题了
PS：最好不要用table，因为不同浏览器对於table的支持相差太大

追问

这个只是举个例子，这里的确是需要一个巨大的表格，看起来只有table用起来比较现实。。。而且套过div了，会被里面的表格撑大，这个高度完全不起作用。。。

追答

div是不会被撑大的，你设置好div高度和宽度，设置div的样式overflow：auto看看是不是有滚动条？

追问

。。。不是啊，我不要滚动条，就是要让里面的那个table显示出来的高度改变而已。。。

追答

名称：
111

号码：
1111

方 式：

111
111+

222
222+

这样不行？

Answer 2

不会 你看看是不是你的 CSS里面在什么地方定义了全局table / td / tr 什么的

追问

不是，我就是因为在css里面定义了全局的table、td、tr的样式，现在在页面中其中一个表格需要换个样式但就是怎么定义都不起作用