div{
width:100%;
min-width: 500px;
min-height: 20px;
height: 40%; //上面四行作用，缩小浏览器，div会对应变小
overflow: scroll; //溢出部分出现滚动条
white-space: nowrap; //里面文本不换行，遇到<br/>结束
}
还有一种显示水平滚动条的方式就是不使用white-space：nowarp,
那就是在html 文件中，div中，文本部分用<pre></pre>括起来，原html文档怎写的文本，就在浏览器中怎么显示
补充：
white-space:
normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。