一个div，高度固定，如何让里面的内容过多时，出现横向滚动条？

Question

也就是说，内容在一行上，但可以左右滚动来看到更多文字

Answer 1

需要两个盒子，外面的固定宽高，overflow:auto;里面的比外面宽或者white-space:nowrap就行了。

<div style='width:200px;overflow:auto;'>
    <p style='white-space:nowrap'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>

Answer 2

使用white-space:nowrap来禁止换行

Answer 3

css添加 overflow-x: scroll 即可

Answer 4

CSS里给div设置overflow-x: scroll 即横向滚动条，overflow-y: scroll即纵向滚动条。