![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<style> *{ margin:0px; padding:0px; } .aa{ height:40px; width:80px; top:100px; left:100px; position:absolute; overflow:hidden; line-height:40px; text-align:center; background-color:#0FF; } .aaa{ height:40px; width:80px; top:100px; left:100px; position:absolute; overflow:visible; line-height:40px; text-align:center; background-color:#0FF; } #table1{ height:120px; width:80px; border:0px; text-align:center; vertical-align:middle; } </style> </head> <body> <div class="aa" onmouseover="this.className='aaa'" onmouseout="this.className='aa'">新闻动态 <table cellpadding="0" cellspacing="0" id="table1"> <tr><td>水果</td></tr> <tr><td>活动</td></tr> <tr><td>杂谈</td></tr> </table> </div> </div> </body> </html>