p 添加滚动条只需要指定 overflow 属性为 auto 即可。

以下实例设置了 p 水平滚动条：

实例

<p style="height:300px;width:70px;overflow:auto;background:#EEEEEE;"> 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ </p>

宽度(width)和高度(height)可以根据实际需要来设定。

如果你想在 p 中滚动条是一直存在的则可以设置 overflow 属性为 scroll：

你也可以将 overflow 设置为 scroll，即:

实例

<p style="height:300px;width:200px;overflow:scroll;background:#EEEEEE;"> 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ </p>

更多设置

只设置水平滚动条：

<p style="width:100px;overflow-x:auto"></p>

只设置垂直滚动条：

<p style="height:300px;overflow-y:auto"></p>

水平与垂直都设置：

<p style="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></p>