带滚动条的层

最新推荐文章于 2024-11-01 15:19:31 发布

licip

最新推荐文章于 2024-11-01 15:19:31 发布

阅读量882

点赞数

文章标签： html class 文档

本文链接：https://blog.csdn.net/licip/article/details/5589320

版权

层中如果要出现滚动条，主要是通过：overflow-x:hidden;overflow-y:auto;来实现的。属性值为：auto就会出现滚动条。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
.coolscrollbar{
scrollbar-arrow-color:yellow;
scrollbar-base-color:lightsalmon;
}
</style>
</head>
<body>
<div class="coolscrollbar" style="width:234px;height:123px;overflow-x:hidden;overflow-y:auto;background:lime;">
我是一个中国人！我是一个中国人！我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
我是一个中国人！<br>
</div>
</body>
</html>