在Web設計中，浮動是一種非常常見且重要的布局方式，它可以使得內容盒子“浮”在其他盒子之上，同時實現多列布局和文字環繞圖片等效果。在CSS中，float屬性即為實現浮動布局的關鍵。

.box {
float: left; /* 或 right */
}

在進行浮動布局時，我們還需要注意元素的對齊問題。CSS提供了四種對齊方式，分別是左對齊、右對齊、居中對齊和兩端對齊。這四種對齊方式都可以通過設置text-align屬性來實現。

.container {
text-align: left; /* 左對齊 */
}
.container {
text-align: right; /* 右對齊 */
}
.container {
text-align: center; /* 居中對齊 */
}
.container {
text-align: justify; /* 兩端對齊 */
}

需要注意的是，實現左、右浮動布局時，我們還需要設置float屬性為left或right，因為這兩個屬性是結合使用的。

.left {
float: left;
text-align: left; /* 左對齊 */
}
.right {
float: right;
text-align: right; /* 右對齊 */
}

最后還要提醒一點，當我們使用浮動布局時，可能會出現元素被覆蓋或錯位的問題，這時我們可以通過設置clear屬性來清除浮動，確保元素的正確顯示。

.clearfix::after {
content: "";
display: block;
clear: both; /* 清除浮動 */
}

總的來說，浮動布局是一種非常靈活和實用的布局方式，而對齊方式的設置能夠讓我們更好地掌握布局的控制，從而實現更加精準和美觀的頁面效果。