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;

中添加<div id="trademark">的表的溢出部分

希望这能解决您的问题。

Answer 2

代码的问题是div应该在样式中具有最大高度以使溢出工作。这意味着您的代码应如下所示：

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

让我知道它是否有效。如果是，请查看之前提出的this问题。

div内溢出的表

2 个答案: