小编Mic*_*lle的帖子

抱歉,目前无法将此代码置于任何地方,但希望屏幕截图有所帮助.我正在尝试将子菜单ul精确地置于可变宽度的li下面,如下所示:

这是我的布局的截断版本:

<div class="nav">
  <ul class="menu">
     <li>
          <a href="">Home</a>  
     </li>
     <li>
          <a href="">Kids</a>
          <ul class="sub-menu">
              <li><a href="">Sub-item 1</a></li>
              <li><a href="">Sub-item 2</a></li>
          </ul>
     </li>
     <li>
          <a href="">Students</a>  
     </li>        
     <li>
          <a href="">Adults</a>
          <ul class="sub-menu">
              <li><a href="">Sub-item 1</a></li>
              <li><a href="">Sub-item 2</a></li>
          </ul
     </li>
  </ul>
</div>

我在子菜单上有箭头工作并与子菜单ul的中心对齐,但子菜单本身与其父li没有正确对齐,如您所见.显示的子菜单适用于"kids"li和"adult"li,如上所示:

我相信这是相关的代码.任何帮助深表感谢!

.menu li {
    display:inline-block;
    list-style-type: none;
    position: relative;
}

.menu li a {
    background:url("_/images/nav-cross-home.png") 50% 5px no-repeat;
    display:inline-block;
    padding:30px 5px 2px;
    text-transform: uppercase;
    text-decoration: none;
    color:#000;
    font-family:proxima-nova, Arial, Helvetica, sans-serif;
    font-weight:700;
    font-size:.9em;
    margin: 0 auto 10px; …

这似乎应该有效,但由于某种原因它不是.有人可以帮忙吗？

我想在这个页面上将"儿童div"的数量添加到"booklist"div:http://216.172.167.18/~julia/books/

我有这个jQuery运行:

$('.booklist').addClass(function() {
        return $(this).children('div').length;
    });

谢谢你的帮助!米歇尔