固定尺寸 div

Question

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

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

我想我需要修复 window 的大小，然后才能启用滚动条。这样对吗？如果可以，我该怎么做？

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

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

固定尺寸 div

Fixed size of div

html

scroll

fixed