Question

我在Div中有一个段落。现在段落的内容正在增加，因为我计划添加一些图像，但我的div有一个固定的高度600px;所以我的段落所以如果veritical滚动条得到为我的段落添加，然后它将解决我的问题..

这是我布局的HTML ..

 <div id="bodydesc" style="margin-left:auto; margin-right:auto; width:960px; height: 600px;">

            <p id="desc" style="float:left;color: #666666; width:700px; font-family: Candara,Trebuchet MS,sans-serif; font-size: 12px; font-weight: bold; border-right: thin dotted #666666; line-height: 18px;">

              //Here is my large content with images...

            </p>

 </div>

所以我的问题是如何在HTML中的div内的段落中获得垂直滚动条... 请帮我 .. 提前谢谢..

Answer 1

简短而快速的回答，通过向样式属性添加#bodydesc向overflow-y添加滚动条：

<div id="bodydesc" style="margin-left:auto; margin-right:auto; width:960px; height: 600px; overflow-y: scroll;">

        <p id="desc" style="float:left;color: #666666; width:700px; font-family: Candara,Trebuchet MS,sans-serif; font-size: 12px; font-weight: bold; border-right: thin dotted #666666; line-height: 18px;">

          //Here is my large content with images...

        </p>

</div>

我内部的前端开发人员坚持告诉你，你应该在外部css文件中移动所有这些样式声明：http://www.w3.org/TR/html401/present/styles.html

Answer 2

将overflow-y: scroll;添加到您的段落

Answer 3

使用相应的height:...px修正段落高度并添加overflow-y: auto;

Answer 4

将此添加到您的元素：

overflow-y:auto;

在Div中的段落中添加垂直滚动条

4 个答案: