Question

感谢您抽出宝贵时间来查看我的问题。我正在以下网站上工作：

http://lighting-originals.myshopify.com/pages/contact-us/

正如您所看到的，页面顶部有一个菜单，其中包含一些带下拉菜单的项目，有些则没有。由于某种原因，最后一个菜单项落到下一行。我最后放的是哪个项目或是否有下拉列表似乎没有区别。

有没有人对如何解决这个问题有任何想法？

谢谢！

Answer 1

style.css行号。 266更新它

#top-menu li.last a {
border: none;
border-radius: 0 4px 4px 0;
position: relative;
right: 295px;
top: 34px;
}

更新代码

#top-menu li.last a {
    border: none;    
    }

Answer 2

删除以下样式的相对位置： -

#top-menu li.last a {
border: none;
border-radius: 0 4px 4px 0;
position: relative;  //Remove this
right: 295px;
top: 34px;
}

您的上一个li及其div位于适当的位置，但a在div中的位置将其包裹起来。它应该只是从上面的样式中删除位置。

这会导致跟随Div包裹。

<div class="has-dropdown">
              <a href="/pages/brands" class="clearfix">
                <span class="nav-label">Shop By Brand</span>
                <span class="nav-arrow" style="top: 16px;"></span>
              </a>
              <ul style="top: 37px; display: none;">

                <li><a href="/collections/elk">Elk</a></li>

              </ul>
            </div>

CSS菜单中的最后一个菜单项下降到下一行

2 个答案: