css 样式 div怎么设置 里面内容放不下的时候出现滑轮滚动条 内容能放下滚动条就不见

html-css016

css 样式 div怎么设置 里面内容放不下的时候出现滑轮滚动条 内容能放下滚动条就不见,第1张

css部分

.parent{

position:relative

height:100%//高度根据需求自行设定

}

.child{

position:absolute

left:0

top:0

right:0

bottom:0 //left,top,right,bottom都为0，充满真个页面

overflow-y:auto

overflow-x:hidden//设置Y轴出现滚动条，X轴隐藏

}

html部分

<div class="parent">

<div class="child"></div>

</div>

---------------------

作者：Franklin_hemm_2012

来源：CSDN

原文：https://blog.csdn.net/franklin_hemm_2012/article/details/78640753

版权声明：本文为博主原创文章，转载请附上博文链接！

css只是层叠样式表，是控制页面的样式的，并不能对一些操作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的，在js中有一个mousewheel事件，对这个事件进行设置，可以实现对鼠标滚轮的一些操作。