溢出表格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

回答

相關問題