html - 我在 div 之间的空间不适用于 float 和 margin

Question

我有两个像这样的 div:

第一个 div :

<div class="col-md-6" id="owner_name_76a62a154a220a104a16a203a196a25a92a71a58a216a222a172a64a" style="visibility: visible;float:left;margin-left:2px">
  <div class="container-fluid">
    <div class="row">
      <span class="user" style="color:#000a75;font-weight:bold">Général</span>
    </div>

  </div>
</div>

第二个 div :

<div class="col-md-2 px-4 chevron-down collapsed" data-toggle="collapse" data-target="#76a62a154a220a104a16a203a196a25a92a71a58a216a222a172a64a" aria-expanded="false" style="float:right;margin-right:2px">
  <i class="material-icons float-right material-expand ripple" style="color: #0047FD !important;margin-right:2px">expand_more</i>
</div>

这两个 div 在:

<a class="mdc-list-item" data-placement="top" title="Acceuil" style="cursor:pointer;width:400px;margin-left:4px;margin-right:0em" data-toggle="collapse" data-target="#76a62a154a220a104a16a203a196a25a92a71a58a216a222a172a64a">
  <div class="col-md-6" id="owner_name_76a62a154a220a104a16a203a196a25a92a71a58a216a222a172a64a" style="visibility: visible;float:left;margin-left:2px">
    <div class="container-fluid">
      <div class="row">
        <span class="user" style="color:#000a75;font-weight:bold">Général</span>
      </div>

    </div>
  </div>

  <!--Collaspe zone-->
  <div class="col-md-2 px-4 chevron-down collapsed" data-toggle="collapse" data-target="#76a62a154a220a104a16a203a196a25a92a71a58a216a222a172a64a" aria-expanded="false" style="float:right;margin-right:2px">
    <i class="material-icons float-right material-expand ripple" style="color: #0047FD !important;margin-right:2px">expand_more</i>
  </div>

</a>

这是它的样子:

我希望 div 之间的空间大于此，所以我尝试使用 float 和 margin，但我遇到了同样的问题。

所以我希望展开更多的图标位于右边距 0，现在它位于中心。

Answer 1

我觉得你的代码没有完整贴在这里，所以我们的看法有差异。但是我在您的代码中看到，宽度已设置为固定值400px。这就是图标无法向右移动的原因。请去掉a标签中的width:400px;

可能在你这边运行代码的时候，a标签已经被设置为display: block/inline-block .etc.. 所以你可以看到它不能向右移动。这就是为什么我们无法理解您想要什么。