固定的div大小答案

【问题标题】：Fixed size of div固定的div大小
【发布时间】：2016-01-05 09:22:55
【问题描述】：

我在我的 div 标签中添加了一个滚动条。但是，此窗口的大小会根据文本大小动态增长，因此滚动条被禁用。

<div style="overflow:scroll;width: 650px;font-size: 14px;margin-top: 50px;display:None" id="loader" class="tr-bg tr-internal-frame" onclick='$("#workNow").toggle()'></div>

我想我需要修复窗口的大小，然后滚动条才会启用。这样对吗？如果是这样，我该怎么做？

【问题讨论】：

取一个 div，放在一个 div 里面。给外部 div 一个固定高度。并应用溢出滚动。 jsfiddle.net/Lhmgvyuh。如果你喜欢这个答案，让我知道，我会作为评论。

标签： html scroll fixed

【解决方案1】：

你需要给div一个固定的height。试试这个：

<div style="overflow:scroll;width: 650px; height:100px; font-size: 14px;margin-top: 50px;display:None" id="loader" class="tr-bg tr-internal-frame" onclick='$("#workNow").toggle()'></div>

这是一个Demo 。

【讨论】：

【解决方案2】：

只需在 div 标签的 css 中设置 height.. 试试这个代码

div{
  border:1px solid black;
  height:100px; //ADD THIS
  width:100px;
  overflow:scroll;
}

<div>
a
b
c
c
d
e
f
g
h
i
j
k
l

m
o
p


z
.
.
.

</div>

【讨论】：