Question

我遇到了一个奇怪的故障，我在侧边栏中看到文字重叠。附加图片overlapping text image link

我不确定这是怎么发生的，而且我一直想弄明白。当我将鼠标悬停在项目上时，重叠不存在。这是我的侧边栏html

<!-- Sidebar Menu -->
<div ng-controller="SidebarController">
 <ul class="nav sidebar-menu" ng-repeat="comp in competition track by $index" id="rcs-menu-item">
    <li ui-sref-active="active" >
        <a href="javascript:void(0)" id="{{comp.competitionID}}" ng-click="getTeams(comp.competitionID, comp.Name, comp.calenderID, comp.customName)">
            <i class="menu-icon fa fa-soccer-ball-o"></i>
            <span class="menu-text">{{comp.Name}}</span>
        </a>
    </li>
  </ul>
</div>
<!-- /Sidebar Menu -->

任何建议都将不胜感激。

Answer 1

似乎是第一个条目的文本，它被分成第二行（＆＃34;南美洲）。

我们需要CSS才能找出错误的内容 - 可能是个别条目/ li代码的固定高度

文字重叠在我的侧边栏中

1 个答案: