CSS按钮可以通过各种方式来定位，包括定位在屏幕中央、左边或右边。这篇文章将会介绍如何将按钮位置设置为居右。

/* 设置按钮样式 */.button {background-color: blue;color: white;border: none;padding: 10px 20px;border-radius: 5px;text-align: center;}/* 设置按钮位置 */.button-container {text-align: right;}/* HTML结构 */<div ><button >按钮</button></div>

如上所示，通过设置按钮容器的text-align: right属性，我们可以将按钮位置设置为居右。这里的主要原理是将整个容器向右移动，从而左对齐的所有元素都会跟随着向右移动。这个方法也可以用于定位其他元素，例如文本框、图片等等。

需要注意的是，如果按钮容器的宽度不是100%，那么居右的效果就可能不太符合预期。这时我们可以使用其他类似于定位的方法来对按钮进行定位，例如使用相对定位或绝对定位。

总的来说，将CSS按钮定位在屏幕右侧是一种有效的方法，可以增加页面上元素的可视性和用户交互效果。