Shulou(Shulou.com)06/01 Report--

This article is about how to use pure css+div to hide scroll bars. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Css Code:

.nav _ wrap {

Height:400px

Width:200px

Overflow:hidden

Border:1pxsolid#ccc

Margin:20pxauto

}

.nav _ ul {

Height:100%

Width:220px

Overflow-y:auto

Overflow-x:hidden

}

.nav _ li {

Border:1pxsolid#ccc

Margin:-1px

Height:40px

Line-height:40px

Text-align:center

Font-size:12px

Width:200px

}

.btn _ wrap {

Text-align:center

}

Html Code:

I'm menu 1.

I'm menu 2.

This technique was used in a menu in a previous project. The project used iframe. Also let the scroll bar be covered.

Today, I easily removed the scroll bar of the navigation menu in the project I am currently working on. Briefly summarize it.

Thank you for reading! This is the end of this article on "how to use pure css+div to hide scroll bars". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.