CSS 左右浮動是一種很常用的樣式設置,它可以讓元素根據瀏覽器窗口的大小左右排列。左浮動意味著元素鋪滿屏幕左側,而右浮動意味著元素鋪滿屏幕右側。
/* 左浮動代碼 */ .left-floating { float: left; } /* 右浮動代碼 */ .right-floating { float: right; }
使用左右浮動可以輕松實現兩個元素并排排列的效果,如下面這個示例:
<div class="left-floating"> <img src="img/left.jpg" alt="Left Image"> <p>這是左邊的文本</p> </div> <div class="right-floating"> <img src="img/right.jpg" alt="Right Image"> <p>這是右邊的文本</p> </div>
這樣左側的圖片和文本會在屏幕左側排列,右側的圖片和文本會在屏幕右側排列。需要注意的是,左右浮動不應該被過度使用,否則可能會破壞頁面布局。