html - div 内溢出的表格

Question

我有一个小问题。

<div style="height:500px; overflow:hidden">
    <table style="height:1000px">....</table>
</div>

表格的溢出部分是可见的。我该如何解决这个问题

更新:

我的代码是这样的:

<style>
#trademark img{
width:300px;
height:250px;
box-shadow: 0px 0px 50px #888888;
}
</style>

<div id="trademark" style="height:570px; overflow:hidden; background-color:#F00">
    <table id="trade_content" style="position:absolute; margin-left:103px;" border="0" cellpadding="15">
    <tr>
    <td align="center"><img src="1.png"></td>
    <td align="center"><img src="2.png"></td>
    <td align="center"><img src="3.png"></td>
    </tr>
    </table>
</div>

Answer 1

您已添加 position:absolute;在表格中隐藏表格的溢出部分，您需要添加 position:relative;在 parent <div id="trademark">

希望这能解决您的问题。