DMZJWZ 资料网,php、asp.net、javascript 等资源免费分享平台

html滚动条实现的代码

作者:小编发布日期:2020-02-24分类: HTML_XHTML

这篇文章主要介绍了html滚动条实现的代码,,具有一定的参考价值,需要的朋友可以参考下


首先在对应的div中,添加overflow,固定高度为400px

<div class="panel-body" style="height: 400px; overflow:scroll">
            <div style="border: 1px  #000000; width: 90%; margin: 0 auto;">
                <span>
        
            </span>
            </div>
        </div>

水平、垂直滚动条就都有了!也可固定width

垂直滚动条


<div class="panel-body" style="height: 400px; overflow-y:scroll">
            <div style="border: 1px  #000000; width: 90%; margin: 0 auto;">
                <span>
        
            </span>
            </div>
        </div>

以上就是文章全部内容,希望对你有所帮助,代码之家网站非常感谢大家的支持和关注


温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

欢迎使用手机扫描访问本站