Question

CSS下拉菜单分成两部分了，代码出问题，大家帮我看看！

下拉菜单左边有一段是空白的，把菜单中的字挤的往下面跑了，求教大侠帮忙！！
在线等，急急急。。。。。。
.nav_a{height:36px; overflow:hidden;}
.nav_a ul li{float:left; font-size:14px; font-weight:bold; margin:5px 5px 0px 5px; }
.nav_a ul li a{display:block; height:26px; line-height:26px; color:#fff; padding-left:20px;}
.nav_a ul li a span{float:left; display:block; padding-right:20px;}
.nav_a ul li a:hover{background:url(../images/nav_bg.gif) 0 -163px no-repeat; color:#fff;}
.nav_a ul li a:hover span{background:url(../images/nav_bg.gif) right -163px no-repeat; cursor:pointer;}
.nav_a ul li ul{display:none; float:none; border:1px solid #CCC; position:absolute; left:0px; top:26px;}
.nav_a ul li ul li{ background:#CCC; margin:0px; padding:0px;}
.nav_a ul li ul li a{background:none; text-align:left;}
.nav_a ul li ul li a:hover{background:#646464; color:#000;}
.nav_a ul li:hover ul{display:block;}
.nav_a ul li.sfhover ul{display:block;}
如图，下拉菜单左边有一个白色区域，是哪个代码错误了还是还要加什么属性？

Answer 1

首先 这种下拉菜单的父级菜单不能有overflow:hidden; 否则溢出就看不到了，但是你竟然能看到 你要注意是不是你的下拉UL包裹在父级li了
其次 你的.nav_a ul li a里有padding-left:20px; 这个是会继承的；所以你要定义一下.nav_a ul li ul li a的属性，应该padding:0px;就好了

追问

ul确实是包裹在父级li中的，你的方法试了没效果！

追答

最先面那个热心网友说的对，我搞混了，padding是没有继承性的，我说的意思是：因为你的
ul li ul li中有ul li的选测器出现，所以ul li ul li 也会执行ul li的样式，只是你若是定义了不同的样式，前者样式就会覆盖后者的，因为他的优先权大。
再说说你的问题，当你定义a的属性display:block; 时，要同时定义width和height；不行的话你可以把代码发给我，我再看。

Answer 2

OverSeaKiss 人兄说的基本正确，但搞错了一点，padding 是没继承性的…
楼主那代码之所以会被应用到子级，是因为ul li 这选择器，跟ul li ul li 是一样的感觉，只不过后者优先权大而已…

Answer 3

有可以是浏览器不兼容，你换个试试看

Answer 4

父容器相对定位
子容器绝对定位
即可解决