用CSS+DIV来控制滚动条
2008-08-28 11:51
399 查看
下面是代码,用DIV来做,易于实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV 制作滚动条</title>
<style>
* {
margin:0;
padding:0;
}
body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
margin:10px;
}
#box1 {
border:1px solid #cccccc; padding:2px; width:80%; height:100px;
margin:0 auto;
}
#box2 {
height:100%;overflow: auto;
}
</style>
</head>
<body>
<div id="box1">
<div id="box2">滚动条文字<br />
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV 制作滚动条</title>
<style>
* {
margin:0;
padding:0;
}
body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
margin:10px;
}
#box1 {
border:1px solid #cccccc; padding:2px; width:80%; height:100px;
margin:0 auto;
}
#box2 {
height:100%;overflow: auto;
}
</style>
</head>
<body>
<div id="box1">
<div id="box2">滚动条文字<br />
</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div显示滚动条和控制滚动条属性的css代码
- div显示滚动条和控制滚动条属性的css代码
- div显示滚动条和控制滚动条属性的css代码
- div显示滚动条和控制滚动条属性的css代码
- Div+Css控制div定位
- div模拟textarea以css控制最大高度和最小高度实现高度自适应实例页面
- div的overflow问题 使用CSS来修饰滚动条
- 使用div+CSS将页脚始终控制在页面最下方的方法
- css控制div显示／隐藏方法及２种方法比较原码 - czf164的专栏 - 博客频道 - CSDN.NET
- jQuery控制div实现随滚动条滚动效果
- 2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制，还可以声明什么控制？ 3,如何让2个div，并排显示。4，清除浮动 clear：left / right / both
- CSS控制DIV居中失效的问题
- css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡
- jquery控制div随滚动条滚动效果
- CSS 控制DIV及图片的宽度和高度
- 2天驾驭DIV+CSS 之四 CSS如何控制页面样式
- DIV+CSS+javascript实现DIV对象显示在页面任何位置，并随滚动条移动
- css控制div自动换行
- DIV 加 ＣＳＳ(overflow: auto;)定义来制作 scroll bar 滚动条效果
- JQuery 控制div滚动条保持最下