div 加滚动条的两种方法:
一、
记住宽和高一定要设置噢,否则不成的
这样比较好的是,在宽和高不超出时,只是一条线
三、说明
直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:
如果要出现水平滚动条,则: overflow-x:auto
同理,垂直滚动条为: overflow-y:auto
如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
我们通过几个实例来讲解上述的样式属性:
1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
1、
(height和width根据需求设定)注意:如果只写height就只有垂直滚动条,只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条,小于300px就没有滚动条。同理,如果宽度大于100px出现滚动条,小于就没有。
2、你也可以将overflow设置为scroll,即:
。这样设定的效果为不管你的页面高度大于还是小于300px,都会出现滚动条,宽度同理。
3、也可以这样设置
水平滚动条:
垂直滚动条:
水平加垂直:
扩展资料
可定义文档中的分区或节(division/section)。
标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记
,那么该标签的作用会变得更加有效。
注释:
是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。
提示:请使用
元素来组合块级元素,这样就可以使用样式对它们进行格式化。
参考资料:百度百科 div
给div增加宽度或者高度
直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:如果要出现水平滚动条,则: overflow-x:auto同理,垂直滚动条为: overflow-y:auto如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative
给div增加宽度或者高度
直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:如果要出现水平滚动条,则: overflow-x:auto同理,垂直滚动条为: overflow-y:auto如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative
测试是有滚动条的:
1111111111111222222222222222222222222222222222222222222222222224525
2222
2222222
2222222
22222222
2222
2222222
2222222
22222222
2222
2222222
2222222
22222222
2222
2222222
2222222
22222222
overflow-x:scroll是横的有
overflow-y:scroll是竖的有
overflow:scroll横竖有
overflow:hidden横竖都没有