CSS中有一個設置盒子浮動屬性的值叫做right,表示盒子向右浮動。
其語法如下:
selector { float: right; }
其中selector表示要設置浮動的元素選擇器。
當該屬性值被設置為right時,盒子會自動向右浮動并脫離正常的文檔流,讓出位置給其它浮動或非浮動的元素。
可以通過給其父元素設置overflow屬性為auto或hidden來清除浮動,以免其對父元素或后續元素造成影響。
下面是一個實例:
<style> .box { width: 200px; height: 200px; background-color: #eee; float: right; } </style> <div> <div class="box"></div> <p>這是一個左浮動的p標簽</p> </div>
以上代碼中,一個寬高為200px的浮動div盒子向右浮動,與其兄弟元素p并排排列。