在表格中的div中添加滚动条

时间:2017-03-17 23:59:33

标签: html css html5 html-table

的index.html

<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

5 个答案:

答案 0 :(得分:3)

您可以使用overflow属性:

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

overflow属性指定内容溢出元素框时会发生什么。

此属性指定当元素的内容太大而无法放入指定区域时是剪辑内容还是添加滚动条。

注意:溢出属性仅适用于具有指定高度的块元素。

<强> Further reading - W3Schools
Further reading - MDN

答案 1 :(得分:1)

尝试设置

  

溢出:滚动;

应该做的伎俩

答案 2 :(得分:1)

尝试设置溢出滚动:

#wrapper {
  overflow: scroll;
}

答案 3 :(得分:1)

您需要为td标记添加高度;

示例:

height="250px"或更改#wrapper.

中的身高

答案 4 :(得分:0)

overflow-y: scroll

我用过它并解决了问题