5只显示竖着的滚动条， 具体代码如下：
<html>
<head>
<title>溢出相关</title>
<style>
.div1{
background-color:red;
height:100px;
width:100px;
overflow-y:scroll;
}
</style>
</head>
<body>
<div class="div1">我爱HTML， 我爱CSS
</div>
</body>
</html>
如下图， 是不是只显示了竖着的滚动条了 。
6还可以只显示横着的滚动条， 具体代码如下：
<html>
<head>
<title>溢出相关</title>
<style>
.div1{
background-color:red;
height:100px;
width:100px;
overflow-x:scroll;
}
</style>
</head>
<body>
<div class="div1">我爱HTML， 我爱CSS
</div>
</body>
</html>
【CSS溢出使用方法教程详细介绍】可以看到， 下图的结果， 只显示了横着的滚动条， 其实横着竖着的滚动条还有良多其他的设置 。
注重事项合理操纵滚动条来美化和显示页面
以上内容就是CSS溢出使用方法教程详细介绍的内容啦， 希望对你有所帮助哦！
猜你喜欢
- 干燥剂的正确使用方法
- 股票RSI指标的实战使用方法
- CSS设置DIV背景色渐变显示
- 家具的正确使用方法
- 智能体脂秤正确的使用方法
- Excel WORKDAY.INTL函数的使用方法
- CSS技巧分享：如何用css制作横排二级下拉菜单
- obs直播软件的使用方法
- 砚台的正确使用方法是什么
- 花茵美抑菌凝胶的功效与作用 花茵美的功效和使用方法