如何让div根据内容自动显示水平垂直滚动条

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