当我给margin 0 0 0 auto时，它应该到最右边，但输出中没有应用样式

提问者：小点点

在边距中，最后一个在本例中是for left，因此在这种情况下，它被作为auto给出，所以它应该在它的最右边。但它并没有发生。我想知道这背后的逻辑。

null

.follow-btn {
    margin: 0 0 0 auto ;
 }

<div class="follow-btn">
    <button>Follow</button>
 </div>

null

共1个答案

匿名用户

欢迎堆栈溢出！

您正在将边距应用于div，默认情况下，div将填充页面的整个宽度。因此，为了确保左侧的auto边距将其推到右侧，您可以给出一个指定的宽度，这样它实际上会向右浮动。

这样就改变了您的示例:

null

.follow-btn {
  margin: 0 0 0 auto;
  background: red; // just to show the effect on the div
}

<div class="follow-btn">
    <button>Follow</button>
</div>