有是在写样式的时候,会碰到给div无论怎么加样式 overflow-y: auto 的时候,都不会出现垂直的滚动条,经过不断折腾终于知道是啥原因导致了。
<style> body{ height: 100%; //若是所有的div的高度都不固定,需要body高度也是100%,才可以出现滚动条 } .parent{ //你自己样式 height: 100%; //父元素的高度也需要是100%才可以出现滚动条 } .children{ overflow-y: auto; overflow-x: hidden; height: 100%; } </style> <div class="parent"> <div class="children"> xx-blog主题 xxzhuti主题网 </div> </div>
大家可以试试,这样子是无法出现滚动条的,若是想要出现滚动条,需要所有父元素的高度也要是百分之百,这样才可以。
还有一种就是给父元素设置浮动,也可以出现滚动条,按照你自己页面的需求写即可
<style> .parent{ height: 100%; //父元素的高度也需要是100%才可以出现滚动条 position: fixed; right: 0; top: 0; bottom: 0; z-index: 2; } .children{ overflow-y: auto; overflow-x: hidden; height: 100%; } </style> <div class="parent"> <div class="children"> xx-blog主题 xxzhuti主题网 </div> </div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。