在移動端開發中，我們常常會遇到需要將標簽靠右的情況，比如說在頭部導航欄中，我們希望將個別標簽右對齊，這時就需要使用 CSS 實現。

一般來說，現在大部分的移動設備都支持 CSS3，也就意味著我們可以使用 CSS3 中新增的float屬性來實現標簽右對齊的效果。

.right {
float: right;
}

以上代碼可以將添加該類名的標簽靠右排列，但需要注意的是，它的生效前提是該標簽所在區域的寬度足夠容納該標簽，否則它會自動換行。

還有一種情況，就是在特殊的需求下，我們需要將標簽緊貼在父元素的右側而不是浮動，這時我們可以使用text-align屬性。

.parent{
text-align: right;
}
.parent .child{
display: inline-block;
}

以上代碼中，我們給父元素添加text-align: right;，將它內部的所有子元素都右對齊。但這時候我們會發現，子元素會占據整行，無法實現緊貼父元素右側的效果。因此，我們給子元素添加了display: inline-block;，讓它以行內塊元素的樣式展現，即可緊貼在父元素的右側。

補充一下：

如果你在使用浮動來實現標簽靠右時，發現它產生了一些意外的過渡效果（比如說標簽從浮動位置慢慢滑出去），這是由于添加了過渡效果的緣故。可以使用以下代碼解決：

.right {
float: right !important;
}

最后就是一些小技巧啦。需要注意的是，在移動端開發中一般使用視口寬度（viewport）自適應布局，我們可以利用media query來達到不同屏幕大小使用不同樣式的效果。

@media screen and (max-width: 480px){
.right{
text-align: right;
}
}

以上代碼表示在最大寬度為 480px 的情況下，將標簽靠右，達到自適應的效果。