日期:2014-05-17  浏览次数:20711 次

css下拉菜单左边框怎么对齐
下拉菜单的子菜单左边框没有和主菜单对齐,往右移动了1个像素

css代码
@charset "gbk";

* { margin:0px; padding:0px; }
li { list-style:none; width:120px; dispaly:block; }
a { color:#000; text-decoration:none; }

#menu_1 { width:90%; margin:50px auto; text-align:center; }
.menu_1 li{ float:left; position:relative; background-color:#00FF00; height:35px; line-height:35px; border-left:1px solid #888; border-right:1px solid #ccc; 

font-size:15px; }
#menu_1 li ul { display:none; }
#menu_1 li ul li { float:none; }
.menu_2, .menu_3, .menu_4, .menu_5, .menu_6 { position:absolute; }
.menu_2 { top:35px; left:0px; }
.menu_3 { top:0px; left:120px; }
.menu_4 { top:0px; left:120px; }
.menu_5 { top:0px; left:120px; }
.menu_6 { top:0px; left:120px; }

------解决方案--------------------
.menu_1 li  这上面有边框的 。所以 你 .menu_1 li ul   在绝对定位的时候要 注意 -1px