我有这个 div：
<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>
即使文本没有溢出，滚动条始终可见。我想让滚动条仅在必要时可见 - 也就是说，只有当框中有足够的文本需要它们时才可见。就像textarea一样。我该如何做？或者我的唯一选择是对textarea进行样式设置，以使其看起来像一个div？
滚动条仅在必要时可见，当框中有足够的文本需要它们时才显示，而不是始终可见。类似textarea的行为。如何实现此效果？或者将textarea样式更改为类似于div的外观。
使用 overflow: auto。只有在需要时才会出现滚动条。
（另外，您还可以仅指定 x 或 y 滚动条：overflow-x: auto 和 overflow-y: auto）。
absolute或fixed定位，则需要设置height或max-height，以防止元素根据页面或视口边界调整大小。 - Scott Schupbach试一下这个：
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
将CSS block的overflow属性更改为auto。
overflow: auto;
尝试
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
<div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
我发现当 div 有或没有文本时，它的高度仍然会显示。因此，你可以使用以下方法获得最佳结果。
<div style=" overflow:auto;max-height:300px; max-width:300px;"></div>
overflow : auto 是一个神奇的代码。
<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
background-color: lightblue;
width: 110px;
height: 110px;
overflow: scroll;
}
div.ex2 {
background-color: lightblue;
width: 110px;
height: 110px;
overflow: hidden;
}
div.ex3 {
background-color: lightblue;
width: 110px;
height: 110px;
overflow: auto;
}
div.ex4 {
background-color: lightblue;
width: 110px;
height: 110px;
overflow: clip;
}
div.ex5 {
background-color: lightblue;
width: 110px;
height: 110px;
overflow: visible;
}
</style>
</head>
<body>
<h1>The overflow Property</h1>
<p>The overflow property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area.</p>
<h2>overflow: scroll:</h2>
<div class="ex1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
<h2>overflow: hidden:</h2>
<div class="ex2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
<h2>overflow: auto:</h2>
<div class="ex3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
<h2>overflow: clip:</h2>
<div class="ex4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
<h2>overflow: visible (default):</h2>
<div class="ex5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</body>
</html> <div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#scrollable-content {
background: #eee;
height: 150px;
width: 400px;
overflow-y: scroll;
}
</style>
</head>
<body>
<div id="original-content"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>
<br />
<div id="scrollable-content"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div>
</body>
</html>
overflow: auto;在安卓上不起作用 :-( - aioobe