左右布局是網頁設計中非常基礎但也非常常用的一種布局方式。CSS可以幫助我們快速構造出這種布局。接下來我將介紹兩種實現左右布局的方法。

/* 方法一：使用浮動實現，需要給左右兩個元素分別設置寬度 */
.left {
float: left;
width: 70%;
}
.right {
float: right;
width: 30%;
}

在上面的代碼中，left 和 right 分別代表左右兩個元素，可以根據需要修改寬度的百分比。需要注意的是，使用浮動會影響父元素的高度，需要清除浮動才能避免這個問題。

/* 方法二：使用flexbox實現，更加簡單快捷 */
.wrapper {
display: flex;
flex-direction: row;
}
.left {
flex-grow: 1; /* 占據剩余空間 */
}
.right {
width: 30%; /* 固定寬度 */
}

在上面的代碼中，我們使用了flexbox布局，通過設置 wrapper 的 display 屬性為 flex，使得左右兩個元素成為 flex 子元素，可以通過 flex 布局的屬性進行控制。通過 left 設置 flex-grow 屬性為1，使得其占據剩余的空間，而 right 則可以設置固定寬度。

總的來說，使用CSS實現左右布局非常簡單快捷，而且瀏覽器的兼容性也非常好。可以根據具體的需求選擇哪種方法實現。