溢出：scroll;刪除邊框

Question

顯示的文字我想製作一個看起來像這樣的小div元素。

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

問題與此代碼是，如果我嘗試將overflow-y : scroll屬性添加到#divPendingQues然後在邊框中顯示的文本被刪除。

可能是什麼問題，我無法找到答案。 :(

Answer 1

這裏是WORKING SOLUTION你定的代碼

守則：。

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

希望你爲什麼不使用 '傳奇' 來代替這有助於