日期:2014-05-18 浏览次数:20851 次
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <p>这个是横向滚动,兼容ie与 ff</p> <div style="color: blue; background-color: white; border: green solid 1px;overflow:scroll;width:160;height:160;<!--[if IE]>display:inline;<![endif]-->"><nobr> 接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分 </nobr> </div> <p>这个不兼容ff</p> <div style="color: blue; background-color: white; border: green solid 1px;overflow:scroll;width:160;height:160;display:inline;"><nobr> 接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分 </nobr> </div> <p>这个是纵向滚动</p> <div style="color: blue; background-color: white; border: green solid 1px;overflow:scroll;width:160;height:160;<!--[if IE]>display:inline;<![endif]-->"> 接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分 接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分 接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分 </div> </body></html>
------解决方案--------------------
很简单:
用style
div style="overflow:auto;" div中的内容超长时,自动出来
水平:overflow_x
垂直:overflow_y