用style
div style="overflow:auto;" div中的内容超长时,自动出来
水平:overflow_x
垂直:overflow_y
详细代码如下:
<
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 >
< 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 >