對于網頁排版來說，左右靠邊并不是什么常規操作，因為在默認情況下，網頁的排版會有一定的邊距。但是在特定的情況下，我們需要把內容靠邊，這時候就需要使用 CSS 來實現。下面是實現左右靠邊的代碼：

.left {
float: left;
}
.right {
float: right;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}

其中，.left 和 .right 類是用來設置內容向左或向右靠邊的。.clearfix 類是用來清除浮動的，在這個例子中，我們使用了“清除浮動+偽元素”的方法來清除浮動。 使用這個代碼的時候，我們可以通過添加 .left 和 .right 類來分別指定內容向左或向右靠邊。如果我們想要多個元素共同靠邊，只需要把它們封裝在一個容器里，并添加 clearfix 類即可。 需要注意的是，如果我們想要使用以上代碼實現“兩個靠邊不換行”的效果，需要把兩個元素都包在一個容器里，而不是直接在 body 中排列。這是因為 body 的寬度是自適應的，如果兩個靠邊元素總寬度超過了 body 的寬度，就會自動換行，這是我們不希望看到的效果。 最后，為了讓靠邊的內容更加美觀，我們可以為其設置一定的外邊距，這樣可以與頁面其他元素形成比較舒適的視覺效果。