dt,dt:hover { text-decoration:none; color:black } dt.li-active:hover { color:white } .leftMenu { width:100%; list-style:none; text-align:center; margin-top:0px; } .leftMenu dt { border-bottom:1px solid #ddd; line-height:50px; font-size:15px; } .li-active { background-color:#1f81d2; box-shadow:2px 0px 0px #EFEFEF; border-right:none; color:#fff; padding:0 } .leftDiv { float:left; width:19%; height:auto; min-height:500px; min-width:100px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .rightDiv { float:left; height:auto; width:80%; min-width:800px; min-height:500px; margin:0 auto; padding-left:5px; } .tab { width:100%; min-width:800px; height:auto; min-height:500px; display:none } .tab-active { display:block } .myContent { width:100%; height:auto; min-width:1000px; min-height:500px; border:1px solid #eee; }
左边垂直菜单按钮,右边div内容显示,自己平时用的,很简单,