它并不总是那么简单，有时对齐必须在容器中定义，而不是在Button元素本身!

对你来说，解决办法是

<div style="text-align:right; width:100%; padding:0;">
    <input type="button" value="Click Me"/>
</div>

我已经注意指定width=100%，以确保<div>占用其容器的全宽度。

我还添加了padding:0，以避免<p>元素前后的空格。

我可以说，如果<div>定义在FSF/Primefaces表的页脚中，float:right不能正确工作，因为按钮高度将比页脚高度高!

在这种Primefaces情况下，唯一可接受的解决方案是使用text-align:right In container。

有了这个解决方案，如果你有6个按钮要在右侧对齐，你必须只在容器中指定这个对齐:-)

<div style="text-align:right; width:100%; padding:0;">
    <input type="button" value="Click Me 1"/>
    <input type="button" value="Click Me 2"/>
    <input type="button" value="Click Me 3"/>
    <input type="button" value="Click Me 4"/>
    <input type="button" value="Click Me 5"/>
    <input type="button" value="Click Me 6"/>
</div>

另一种可能是使用一个向右的绝对定位:

<input type="button" value="Click Me" style="position: absolute; right: 0;">

这里有一个例子:https://jsfiddle.net/a2Ld1xse/

这种解决方案有其缺点，但在某些用例中它非常有用。

在我的案例中

<p align="right"/>

工作得很好

这个解决方案依赖于Bootstrap 3，如@günther-jena所指出的

Try <a class="btn text-right">Call to Action</a>. "这样就不需要额外的标记或规则来清除浮动元素。

< span style = " font - family:宋体;justify-content: flex-end”> < >按钮点击我!< /按钮> < / div >

<div style = "display: flex; justify-content: flex-end">
    <button>Click me!</button>
</div>

另一种可能是使用一个向右的绝对定位。你可以这样做:

style="position: absolute; right: 0;"