Html 如何将按钮向右对齐？

下午好， 我意识到这个话题已经被问过好几次了，并且从搜索你们的论坛中我看到了一些解决方案

但是解决办法，比如，

即使成功地将按钮向右对齐，它们也与我的页脚重叠，因为按钮应该位于页脚的正上方。这是我的代码：

。按钮{
边界半径：4px；
背景色：#0FA0FF；
边界：无；
颜色：#FFFFFF；
文本对齐：居中；
字体大小：15px；
填充：10px；
宽度：200px；
过渡：均为0.5s；
光标：指针；
保证金：5px；
}
.按钮跨度{
光标：指针；
显示：内联块；
位置：相对位置；
过渡：0.5s；
}
.按钮跨度：之后{
内容：'\00bb'；
位置：绝对位置；
不透明度：0；
排名：0；
右：-20px；
过渡：0.5s；
}
.按钮：悬停范围{
右边填充：25px；
}
.按钮：悬停范围：之后{
不透明度：1；
右：0；
}
.液体容器{
填充：20px 50px；
背景色：#000000；
颜色：白色；
}

继续下一课

您可以使用

float:right

并将

position

属性设置为

relative

只需使用

display:flex将两者包装在一个容器中即可；弯曲方向：行然后应用
右边距：0到按钮

请参见下面的代码


.container{
显示器：flex；
弯曲方向：立柱；
}
.按钮{
边界半径：4px；
背景色：#0FA0FF；
边界：无；
颜色：#FFFFFF；
文本对齐：居中；
字体大小：15px；
填充：10px；
宽度：200px；
过渡：均为0.5s；
光标：指针；
保证金：5px 0 5px自动；
}
.按钮跨度{
光标：指针；
显示：内联块；
位置：相对位置；
过渡：0.5s；
}
.按钮跨度：之后{
内容：'\00bb'；
位置：绝对位置；
不透明度：0；
排名：0；
右：-20px；
过渡：0.5s；
}
.按钮：悬停范围{
右边填充：25px；
}
.按钮：悬停范围：之后{
不透明度：1；
右：0；
}
.液体容器{
填充：20px 50px；
背景色：#000000；
颜色：白色；
}

继续下一课
只需将样式
float:right
添加到您的
按钮

在
按钮
和
页脚

<div class="clearfix"></div>

阅读更多关于
。按钮{
边界半径：4px；
背景色：#0FA0FF；
边界：无；
颜色：#FFFFFF；
文本对齐：居中；
字体大小：15px；
填充：10px；
宽度：200px；
过渡：均为0.5s；
光标：指针；
保证金：5px；
浮动：对；
显示：块；
}
.按钮跨度{
光标：指针；
显示：内联块；
位置：相对位置；
过渡：0.5s；
}
.按钮跨度：之后{
内容：'\00bb'；
位置：绝对位置；
不透明度：0；
排名：0；
右：-20px；
过渡：0.5s；
}
.按钮：悬停范围{
右边填充：25px；
}
.按钮：悬停范围：之后{
不透明度：1；
右：0；
}
.液体容器{
填充：20px 50px；
背景色：#000000；
颜色：白色；
}
.clearfix{
明确：两者皆有；
}
继续下一课
对不起，结果还是一样。要清楚，在CSS中，在我添加的.button位置：relative；和float:right；。感谢它的工作，现在我将在未来经常使用它。
.clearfix{
 clear: both;
}