如何设置div滚动条的宽度？望高手不吝赐教（急）

xiaolihui333 2004-11-22 09:52:01

将window 设置为大字体时，层的滚动条显示的非常宽，应该如何设置滚动条的宽度？？？？？
还忘不吝！！！

...全文

553 4 打赏收藏举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

dxz_pl 2005-04-13

打赏
举报

回复

设置scrollWidth

JK_10000 2004-11-22

打赏
举报

回复

楼主应该是在说滚动条宽度，不是div宽度吧

daikaiming 2004-11-22

打赏
举报

回复

<div id="div1" style="display:;height:480px;width=100px">

shauykee 2004-11-22

打赏
举报

回复

<div id="div1" style="display:;height:480px;width=100px">

今天做了个例子：
div 的滚动条问题：
两种方法：
一、
<div style=" overflow:scroll; width:400px; height:400px;”>div>
记住宽和高一定要设置噢，否则不成的

不过在不超出时，会有下面的滚动条，所以不是最好的选择

二、
<div style=" overflow-y:auto; overflow-x:auto; width:4

经过以上对滚动条的设置，我们可以根据实际需求选择相应的样式进行设置，这样可以更好地体验到网页及移动端应用的交互体验。同时需要注意的是，以上示例主要适用于 Chrome 和 Safari 等一些 Webkit 内核的浏览器，如果要适配其他浏览器，需要使用不同的样式和属性。随着网页及移动端应用的发展，滚动条成为了一种不可或缺的用户体验，而 CSS3 提供的一系列滚动条样式设置使得我们可以更加灵活地定制滚动条的样式，今天我们就来一起探讨一下如何利用CSS来设置div滚动条。

div定义的宽度 = 内容宽度+滚动条宽度。出现滚动条会导致内容偏移，想让滚动条不占宽度该如何设置，下面我们来看一下css设置滚动条不占宽度的方法。定义一个标签，标签的宽度为内容宽度加上滚动条宽度，可以设置滚动条的宽度为0，这样滚动条就可以不出现。.mask::-webkit-scrollbar{width:0;}你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式:::-webki...

当内容超出div时，自动出现滚动条的条件内容必须在div中 div要设置宽高 overflow设置为auto 备注 overflow:auto;当内容宽度超出div宽度，或者内容高度超出div宽度，或者同时超出，会自动出现水平、或者垂直、或者水平和垂直滚动条。 overflow-x:auto;当内容宽度超出div宽度，自动出现水平滚动条 overflow-y:auto;当内容宽度...

滚动条主要有由两部分组成，内滚动条和滚动轨道设置滚动条的CSS样式需要以下三个属性： target::-webkit-scrollbar {} //定义了滚动条整体的样式，如宽度和高度； target::-webkit-scrollbar-thumb{} //定义了内滚动条部分，也就是图中的红色区域； target::-webkit-scrollbar-track{} //定义了滚动条轨道，也就是图中的蓝色区域；现在需求如下：给div设置一个宽度和高度均为4px，内滚动条半径也为4px且颜色为红色

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章