css隐藏下拉滚动条的方法是,通过添加overflow属性来实现,如【overflow:hidden】,此时下拉滚动条会被完全隐藏。需要注意的是,overflow属性只会工作在指定高度的块元素上。

本文操作环境Z = T:windo/ M P ( C \ x 1ws10系统、css 3、thinkpad t480电脑。

在CSS中我们可以利用overflow 属性来控制内容溢出元素框时在对应的元素区间内添加滚动条。

如果我们需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置overflow:auto样式即可;如: 7 P 7 i果想要完全隐藏滚动条只需设置overflow:hidden即可,但是这样一来将导致元素内容不可滚动。

注意:overflow 属性只工作于指定高度的块元素K Q j . e W & P上。

举个例子:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</5 ! : \ Y ! m { )title>
<style>
div {
background-color: #eee;
width: 200px;
height: 50px;6 . O 3 q $ J c B
border: 1px dotted black;
overflow~ L l q: visible;U | ( \
}
</style>
</head>
<body>
<div id="ovex d wrflowTest">
<p>这里的文本内容会溢出元素框。</p>
<p>这里的文本内容会溢出元素框。<? E a } a/p>
<p>这里的文本内容会溢出元素框。</p>
</~ \ H 2 A bdiv>
</body>
</html>& U O;

相关视频教程:css视频教程

以上就t J R是css怎么隐藏下拉滚动条的详细内容,更多请关注phN S 5 Mp中文网b D @ X u其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感\ 0 / e 4 u谢您的尊重!如\ L n + \ ] N有疑问,请联系admin@php.cn处理

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注