2018-6-9改版 路劲D:\ireport365\ireport365.war\admin\js\index.css ~~~ /* 谷建文2018-6-9 */ .vrd-page-header{ position: fixed; top: 0; height: 64px; z-index: 100; width: 100%; background-color: #363b3f; color: white; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); } .home-menu { position: fixed; top: 64px; bottom: 0; left: 0; width: 180px; background-color: #f9fafc; margin: 0; padding: 0; list-style: outside none none; overflow-x: hidden; overflow-y: auto; border-right:1px solid #ddd; } .menu-content { position: fixed; background-color: #fff !important; overflow-x: auto; top: 64px; left: 180px; bottom: 0; right: 0; margin: 0 auto; z-index: 4; -webkit-transition: all linear .25s; -moz-transition: all linear .25s; -ms-transition: all linear .25s; -o-transition: all linear .25s; transition: all linear .25s; } .vrd-page-header .user-info { float: right; text-align: center; height: 38px; line-height: 38px; margin-right: 20px; cursor: pointer; margin-top: 15px; } .vrd-page-header .logo { margin-top: 15px; float: left; width: 160px; } .home-menu .item { cursor: pointer; display: block; border-bottom: 1px solid #ddd; width: 100%; height: 36px; line-height: 34px; overflow: hidden; } .home-menu .divider { display: block; border-bottom: 1px solid #ddd; width: 100%; height: 40px; line-height: 40px; overflow: hidden; } .home-menu .divider span { display: block; padding-left: 10px; text-align: left; color: #333; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .home-menu .item a { padding-left: 32px; width: 100%; color: #333; } .home-menu .item.selected a { color: #fff !important; } .home-menu .item:hover a{ color: #fff !important; } .home-menu .item:hover{ background-color:#2990ea; } li{ list-style: none; } /*end*/ ~~~ 改后效果图