css设置div滚动条内容不超过就不显示
实现内容不超出就不显示滚动条的效果，可以设置div的css样式为overflow:auto，当overflow取值为auto时，如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容，否则不显示滚动条。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.div1{
width: 100px;
height: 100px;
overflow-y: auto;
border: 1px solid #000;
}
</style>
</head>
<body>
<div class="div1">
内容 内容 内容 内容 内容 内容 内容
</div>
<div class="div1">
内容 内容 内容 内容 内容 内容 内容
内容 内容 内容 内容 内容 内容 内容
内容 内容 内容 内容 内容 内容 内容
</div>
</body>
</html>内容没有超出时，不显示滚动条的效果：
内容超出时，显示滚动条的效果：
overflow属性知识扩展
overflow 属性规定当内容溢出元素框时发生的事情。
overflow的取值
| 值 | 描述 |
|---|---|
| visible | 默认值。内容不会被修剪，会呈现在元素框之外。 |
| hidden | 内容会被修剪，并且其余内容是不可见的。 |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
| inherit | 规定应该从父元素继承 overflow 属性的值。 |
本文来自css3答疑栏目，欢迎学习！
以上就是css设置div滚动条内容不超过就不显示的详细内容，更多请关注0133技术站其它相关文章！
