html - 溢出：滚动；删除显示在边框的文本

Question

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

http://jsfiddle.net/v8ykM/2/

这段代码的问题是，如果我尝试添加一个overflow-y : scroll属性，#divPendingQues那么显示在边框上的文本就会被删除。

可能是什么问题，我无法找出。:(

Answer 1

这是 您给定代码的工作解决方案。

编码：

#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;
}

我仍然会建议你使用传奇。

Answer 2

解决方案的替代方案：

  <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>

的CSS

#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;
}

参考：http: //jsfiddle.net/v8ykM/4/

希望这可以帮助