Javascript clearfix没有'；我不能在angularJs工作

如果没有角度表达式，为什么要使用“ng类”？ 尝试：

ng-class="{wm_clearfix3}"

或：

---

您不需要添加

ng类

，除非您正在添加具有逻辑的类。那么只需添加

类

就足够了

下面的JSFiddle链接中的解决方案对您有帮助吗

ul{
列表样式：无；
}
[类别*=“wm\U clearfix”]{
显示：内联块；
宽度：100%；
}
[类别*=“wm\U clearfix”]：之前，[类别*=“wm\U clearfix”]：之后{
显示：表格；
内容：“；
}
img{
显示：内联块；
宽度：20px；
高度：20px；
}
.向左拉{
浮动：左；
}

是的，ng类不是必需的，我已将“ng类”更改为“类”，但clearfix仍然不起作用。我认为问题在于您的.wm\u clearfix3。您是否使用：before&:after？？？.wm_clearfix1{clear:tware；overflow:hidden；}.wm_clearfix2{height:1%；}.wm_clearfix2:：after{content:“.”显示：块；高度：0；清除：两者；可见性：hidden；}.wm_clearfix3{overflow:auto；height:1%；}.wm我有四个clearfix类，我试过所有人。它们都在没有角度的情况下工作得很好。我试过使用“class”而不是“ng class”，但是“class”不起作用。尝试在span标记后插入一个空div，如：

和：

.wm\u clearfix3{clear:两者都；}

这也不起作用。我已经更新了我的描述代码并剪切了图片，也许你可以更清楚地看到问题。我刚刚尝试过，但这不是一个好的解决方案。谢谢！

.wm_clearfix3{
  overflow: auto;
  height: 1%;
  clear: both;
}

ul {
  list-style: none;
}

[class*="wm_clearfix"] {
  display: inline-block;
  width: 100%;
}

[class*="wm_clearfix"]:before, [class*="wm_clearfix"]:after {
  display: table;
  content: " ";
}

img {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.pull-left {
  float: left;
}

<ul class="dropdown-menu wm_search_div" ng-show="searchDivShow">
  <li ng-repeat="user in searchUserList">
    <a href="javascript:void(0);" class="wm_clearfix3">
      <img ng-src="{{user.faceIcon}}" class="pull-left wm_search_uface"/>
      <div class="pull-left wm_ml5">
        <div class="wm_search_uname" ng-bind="user.username"></div>
        <span ng-bind="'账号：'+user.account" class="wm_search_uacc"></span>
      </div>
    </a>
  </li>
  <li>
    <a href="javascript:void(0);" class="wm_clearfix3">
      <img ng-src="resources/images/default_faceicon.jpg" class="pull-left wm_search_uface"/>
      <div class="pull-left wm_ml5">
        <div class="wm_search_uname">fdsfsfds</div>
        <span class="wm_search_uacc">fsdfds</span>
      </div>
    </a>
  </li>
</ul>