在網頁佈局中,經常需要將某個符號(如箭頭 >)固定在容器的最右側。這可以通過 CSS 浮動輕鬆實現。
如下圖所示,如何將 > 符號置於 <div> 內部的最右側?

在 <div> 內部插入一個 <span> 標籤,並設置 float: right,再通過 margin 或 padding 微調垂直位置即可。
<div style="position: relative; width: 300px; border: 1px solid #ccc;">
容器內容
<span style="float: right; margin-top: -20px;">></span>
</div>
關鍵點:
position: relative 或 overflow: hidden 清除浮動影響。span 作為行內元素浮動後可精確定位。