html内容超出不自动滚动,css设置div滚动条内容不超过就不显示

css设置div滚动条内容不超过就不显示

实现内容不超出就不显示滚动条的效果，可以设置div的css样式为overflow:auto，当overflow取值为auto时，如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容，否则不显示滚动条。

示例：

Document

.div1{

width: 100px;

height: 100px;

overflow-y: auto;

border: 1px solid #000;

}

内容内容内容内容内容内容内容

内容没有超出时，不显示滚动条的效果：

内容超出时，显示滚动条的效果：

overflow属性知识扩展

overflow 属性规定当内容溢出元素框时发生的事情。

overflow的取值值描述

visible默认值。内容不会被修剪，会呈现在元素框之外。

hidden内容会被修剪，并且其余内容是不可见的。

scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

inherit规定应该从父元素继承 overflow 属性的值。

本文来自css3答疑栏目，欢迎学习！

html内容超出不自动滚动,css设置div滚动条内容不超过就不显示相关推荐

CSS设置div滚动条样式的示例
.scroll{ width:100px; height:200px; overflow:auto;/自动出现滚动条,如果要出现竖直滚动条则改成:overflow-y:auto,如果横向出现滚动条则改 ...
CSS内容超出元素高度滚动，并且滚动条隐藏
CSS内容超出元素高度滚动,并且滚动条隐藏给父元素设置宽度,溢出隐藏,子元素设置 // html <div class="box"><div class=&qu ...
html 纵向滚动条,css设置纵向滚动条
css 怎样设置总是显示竖滚动条给元素设置样式overflow-y:scroll; 和一个高度,当内容填满后就会出现下拉的滚动条了. CSS 如何添加水平滚动条 CSS 如何添加水平滚动条我知道怎 ...
在HTML中让边框变透明,如何用CSS设置DIV边框透明
如何实现用CSS设置DIV边框为透明呢?我们来看一看. 工具/材料电脑操作方法 01 透明一般认为是一种颜色属性,但是并没有这个数值.我们找到了一种让div实现透明的最佳方案,运用RGBA 02 ...
div超出不换行_css怎么设置div超出不换行？
css怎么设置div超出不换行?下面本篇文章就来给大家介绍一下使用CSS设置div超出不换行的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在css中,可以使用white-s ...
css设置div上下左右均居中、底部居中
css设置div或盒子居中 #垂直居中 #左右居中 #底部居中类型一:固定宽度高度 html代码 <div class="login_container"><d ...
HTML如何修改span里面的字体颜色,怎么用span css设置div内部分字体颜色？
本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...
html代码设置span字体颜色,怎么用span css设置div内部分字体颜色？
本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...
css字体颜色span,怎么用span css设置div内部分字体颜色？
原文:http://www.php.cn/css-tutorial-413189.html 本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友 ...

html内容超出不自动滚动,css设置div滚动条内容不超过就不显示

html内容超出不自动滚动,css设置div滚动条内容不超过就不显示相关推荐

最新文章

热门文章