2017-03-17 81 views
1

的index.html在DIV添加滾動條的表內

<td> 
<div id="wrapper"> 
words go her alot of them 
</div> 
</td> 

的style.css

#wrapper { 
      height: 100%; 
      width: 200px; 
      overflow: auto; 
      } 

我目前無法獲得滾動條顯示,這是什麼我得到:

enter image description here

回答

2

您可以使用overflow屬性:

#wrapper { 
    height: 100%; 
    width: 200px; 
    overflow: scroll; 
} 

overflow屬性指定在內容溢出會發生什麼一個元素的框。

此屬性指定當元素的內容太大而無法放入指定區域時是否剪裁內容或添加滾動條。

注意:溢出屬性僅適用於具有指定高度的塊元素。

Further reading - W3Schools
Further reading - MDN

1

嘗試設置

overflow:scroll;

應該做的伎倆

1

嘗試設置溢出滾動:

#wrapper { 
    overflow: scroll; 
} 
1

您將需要一個高度添加到td標籤;

實施例:

height="250px"或變更高度在#wrapper.

0
overflow-y: scroll 

我用這一點,它解決了這一問題