溢出表格div

我有一个小问题。溢出表格div

<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>

来源

2015-04-29 moujtahed

你可以发布你完全HTML –

请你能不能分享实际码？从http://codepen.io/anon/pen/WvbVGp下边框不可见按预期。 – fcalderan

代码工作正常http://jsfiddle.net/ttq45194/，如果溢出更改为自动，您可以看到差异http://jsfiddle.net/ttq45194/1/ –

您在表中添加position:absolute;所以隐藏你需要添加position:relative;父<div id="trademark">

希望这将解决您的问题表的溢出部分。

来源

2015-04-29 09:02:48

感谢你...当你问我发布完整的HTML我注意到了... 它解决了我的问题 – moujtahed

如果你不需要position：absolute然后从表中删除它。 –

我删除了它，它应该可以正常工作， – moujtahed

与您的代码的问题是，div应该有一个最大高度的风格使溢出工作。这意味着您的代码应如下所示：

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

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

来源

2015-04-29 08:17:03

谢谢您可以查看我更新的问题并提供更多详细信息 – moujtahed

您是否尝试过我的解决方案？ –

似乎使用位置时发生的问题：绝对

删除它一切正常后，谢谢大家......

来源

2015-04-29 09:03:34 moujtahed

回答

相关问题