CSS 中的浮動(float)屬性可以讓元素向其容器的左側或右側移動,并盡可能地讓其他元素占據剩余的空間。
如果您想讓兩個元素并排放置,可以將其中一個元素設置為 float:right,將另一個元素設置為 float:left,這樣它們就會向相反的方向浮動。
.left { float: left; } .right { float: right; }
不過有時候,我們可能需要將兩個元素的浮動位置顛倒,即將原先設置為 float:right 的元素改為 float:left,將原先設置為 float:left 的元素改為 float:right。
例如:
<div class="container"> <div class="left">左側元素</div> <div class="right">右側元素</div> </div>
假如我們想讓“左側元素”在“右側元素”的右側,那么我們需要將“左側元素”的浮動位置改為 right,將“右側元素”的浮動位置改為 left,即:
.left { float: right; } .right { float: left; }
這樣就可以實現兩個元素浮動位置的顛倒了。