CSS 实现块级元素靠右的方法

鉴于本题需要一定的代码演示，为了更好的阅读体验，本文的样式将采用markdown代码块格式，帮助读者更好地进行复制、粘贴。

使用float实现块级元素靠右

通过将元素的浮动方向设置为"right"，可以使这个元素从右向左浮动，达到将块级元素靠右的目的。

<div style="float: right; width: 200px; height: 200px; background-color: #F0F0F0; border: 1px solid #BFBFBF;"></div>

上述代码会在页面中创建一个维度为200x200像素的灰色块，由于float的设置为right，使其向右浮动，因此会靠在页面最右侧。

使用 text-align 实现块级元素靠右

通过将外层容器的 text-align 属性设置为 right，可以使内部块级元素（例如div）靠右。

<div style="text-align: right;">
    <div style="display: inline-block; width: 150px; height: 150px; background-color: #F0F0F0; border: 1px solid #BFBFBF;"></div>
</div>

上述代码会在页面中创建一个外层div容器，其text-align属性值设置为right。内部的div设置了display属性为inline-block，使其表现为块级元素。由于外层div的text-align属性值被设置为right，因此在内部的div块级元素被地位在容器的最右边。

总结

以上两种方法都能实现块级元素的靠右。其中第一种方法（float）更加直接，但也可能会影响到其他块级元素，因此在使用前需要慎重考虑。第二种方法（text-align）则需要设置一个额外的包装层，虽然操作稍微繁琐一些，但更加灵活，不会对其他元素造成不良影响。在具体使用中可根据需要选择合适的方式实现元素靠右。