Html 溢出：滚动；删除边框处显示的文本

我正在尝试制作一个小的div元素，看起来像这样

此代码的问题是，如果我尝试将

overflow-y:scroll

属性添加到

#divPendingQues

，则显示在边框处的文本将被删除

有什么问题，我无法找出（

这是带有给定代码的

代码：

#divPendingQuesTitle
{
    width           : 125px;
    font-size       : 1.2em;
    position        : absolute;
    margin-top      : -25px;
    margin-left     : 5px;
    background      : white;
    padding-left    : 1%;
    padding-right   : 1%;
    color           : #00F;
}

---

我仍然建议您使用图例。

解决方案的替代方案：

  <div id="divPendingQues">
    <fieldset id="divPendingQuesContainer">
        <legend>Some Title Text</legend>
        <div style="width : 100%;padding-top: 1%;">
          <div class="divQuesAns">
            <div class="divQues">Some Content</div>
          </div>
        </div>
      </fieldset>
  </div>

参考：

---

希望这有帮助

为什么不改用“legend”呢？很好。我不知道这个HTML标签存在。谢谢。！

#divPendingQuesContainer
{
    height      : 50%;
    border      : 2px solid #00F;
    padding     : 1%;
    margin-top  : 1%;
    overflow-y:scroll;
}

#divPendingQues
{
    width       : 100%; 
    height      : 100%;
}
#divPendingQuesTitle
{
    width           : 125px;
    font-size       : 1.2em;
    margin-top      : -25px;
    margin-left     : 5px;
    background      : white;
    padding-left    : 1%;
    padding-right   : 1%;
    color           : #00F;
}
.divQuesAns
{
    border      : 1px solid black;
    padding     : 1%; 
    margin      : 1px;
}