css滚动条
在一个固定窗口内我们做一个可滚动的菜单的时候经常会出现很宽的滚动条;不仅影响美观而且影响布局;
解决办法就是在它的外层再套一个p并且设置为overflow:heidden;子元素设置overflow-y(x):scroll;并给够足够的宽度来放滚动条;
这样滚动条就被父元素给隐藏掉;
<p class="letterBox">
<ul class="letter">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
<li>F</li>
<li>F</li>
<li>F</li>
<li>F</li>
<li>F</li>
<li>G</li>
<li>H</li>
</ul>
</p>
css:
.letterBox{
width: 20px;
height: 100px;
position: absolute;
right: 0px;
top: 0;
overflow: hidden;
border: 1px solid #e2e2ee;
}
.letter{
width: 40px;
height: 100px;
text-align: center;
overflow-y: scroll;
}
相关阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航栏</title> <link rel="stylesheet" href="tes
正常input显示为白色 /* 将文本透明 */background: rgba(255, 255, 255, 0.11);.new-account-form input[type="text"], .new-a
《老头滚动条5》买屋 周详方案向导 1·地点[雪漫城Whiterun-风宅Breezehome]·购屋：5000·装饰费用：18002·地点[马卡斯城Markath-
https://meyerweb.com/eric/tools/css/reset/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:
css中hideFocus的用法简单说：hideFocus是对超链接外虚线框的设定！hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFoc