如何解决当我自动给定余量0 0 0时,它应该移到最右边,但是输出中没有应用任何样式
在这种情况下,最后一个是左边的,因此在这种情况下它被指定为auto,因此应该在其最右边。但是它没有发生。我想知道这背后的逻辑。
.follow-btn {
margin: 0 0 0 auto ;
}
<div class="follow-btn">
<button>Follow</button>
</div>
解决方法
您要将页边距应用于div,默认情况下,该div会填充页面的整个宽度。因此,要确保左侧的auto
边距将其向右推,您可以指定一个宽度,以便它实际上向右浮动。
这将改变您的示例:
.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>
对此:
.follow-btn {
margin: 0 0 0 auto;
background: red; /* just to show the effect on the div */
width: 4em;
}
<div class="follow-btn">
<button>Follow</button>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。