Html 格式链接元素

我需要按照图片上的样式设置右元素的样式，但当我使用“pull right”类时，出于某种原因，它也会影响底部元素的宽度

<a class="pull-right">My link</a>
<div class="input-group margin-top-md">
    <!--->It is bottom element <--->
</div>

我的链接
它是底层元素

如果忘记设置上一个元素的

位置，则这是
浮点：右
的预期行为。如果将左上角容器的位置更改为
position:absolute
，您将看到链接移动到顶部，但仍然向右浮动

我建议改用CSS-flex来设计这个样式


。向右拉{
显示器：flex；
对齐项目：居中；
}
.测试{
显示器：flex；
宽度：100%；
高度：50px；
背景：红色；
}
.test1{
显示器：flex；
宽度：100%；
高度：50px；
背景：蓝色；
}
.test2{
显示器：flex；
证明内容：柔性端；
宽度：100%；
高度：50px；
背景：绿色；
}
.输入组{
宽度：100%；
高度：50px；
背景：黄色；
}

我的链接
您是否已经从右上角的元素中查找了边距/填充？我应该检查什么？我认为您在该元素上有一个边距或填充，因此当您向右拉时，它会向下。使用浏览器中的inspect元素，右键单击该元素，或在该元素上使用F12来查看发生了什么，没有额外的边距或填充来添加自动0px边距