控制menu 导航中两个span嵌套时,

boblog中,控制menu 导航时,
如果css这样写:
#menu  li span{
  display: block;
  padding-right:10px;
}
导航中的单个元素的距离右边的元素的距离会是 20px;
经过分析后发现,原来menu li中,  是两个的嵌套:

  • 所以当如上面的控制的时候,是每个span都有10px的右边补白,加起来就是20px。
    改成下面的,指定只有最里面的那个span的补白是10px,就正常了。
    #menu  li span span{
      display: block;
      padding-right:10px;
      background: url(images/menu-li-bg.png) 100% -35px;
    }

    控制menu 导航中两个span嵌套时,

    发表评论

    邮箱地址不会被公开。 必填项已用*标注

    滚动到顶部