Css 留有ng的余量仅对第一个元件重复加工

有一个非常不寻常的问题，我不完全确定问题出在哪里

我接到一个类似这样的

ng repeat

电话

    .data.row.vote-entry{ "ng-repeat" => "option in agendaItem.conclusions"}
        .cast-vote
          %a{:href => "#", "ng-click" => "voteForConclusion(option)", "ng-class" => "{active: option.id == votedConclusion.id}"}
            =image_tag "icons/icon-conclude.png"

        .title
          %span {{option.description}}

它非常简单，工作非常完美

现在，对于每个

.data.row.vote条目

元素，我都有css规则

margin-left: 4%;

应用，使行从左侧偏移。它适用于

ng repeat

的第一个项目，但是当循环中有多个项目时会出现问题。当页面加载时，第一个项目位于正确的位置，但是所有其他项目都位于最左侧，好像它们完全忽略了CSS规则

有时，它们会在装载后很快弹回原位，但有时它们只是停留在原地。如果我用firebug之类的东西检查页面，CSS规则都在适当的位置，奇怪的是，如果我禁用了边距规则，然后重新启用它，它们都会转到正确的位置，所以我真的很困惑为什么会发生这种情况

有人能给我一个关于这里可能发生的事情的线索吗，因为我真的被难住了

---

这是问题的一部分。不幸的是，它并没有演示这些条是如何离左边太远的（不能完全复制这个）但是它确实显示了这些条是如何从太远的左边开始，然后在

看起来像是使用

left:4%

工作，即使

margin left:4%

工作不正常

我很好奇如果将边距从4%更改为20px会发生什么，那么它对所有元素都有效吗？你能发布一些问题吗？@RobR是的，如果我将它设置为一个固定的大小，它似乎工作得很好。我只是不愿意使用固定的大小，因为页面应该是流动的，但如果这是唯一的选择，那么我可以这样做。@user2019515我现在添加了一个提琴：）我没有发现JSFIDLE有任何异常，问题是什么？