前言当我们的内容超过我们的div时，经常会出现滚动条，影响美观。尤其是我们在做一些导航菜单的时候。滚动条一出现，就破坏了UI效果。我们不希望出现滚动条，也不希望滚动条之外的内容被放逐，所以需要保持鼠标滚动的效果。方法下面是一个简单的方法。大意是在div之外再设置一个div。这个div设置了overflow:hidden。contentdiv设置overflow-y:scroll;溢出-x：隐藏；然后将外部div的宽度设置为小于内部div的宽度。这个内部的div其实是有滚动条的，所以不影响鼠标的滚动效果，我们也看不到滚动条了。效果内层效果：套上外层效果后：Codecsscode:.nav_wrap{height:400px;宽度：200px；溢出：隐藏；边框：1px实心#ccc；边距：20px自动；}.nav_ul{高度：100%；宽度：220px；溢出-y：自动；溢出-x：隐藏；}.nav_li{border:1pxsolid#ccc;保证金：-1px；高度：40px；行高：40px；中心;字体大小：12px；宽度：200px；}.btn_wrap{文本对齐：居中；}html代码：
