在網頁設計中，布局是非常重要的一環，它不僅決定了網頁的基本框架，同時也是網頁美觀度的重要因素之一。而在布局中，左右比例是常見的一種設計方式，下面我們來討論一下如何使用 CSS 實現左右布局比例好看。

.container{
display: flex;
flex-direction: row;
}
.left{
flex: 3;
}
.right{
flex: 7;
}

上述代碼中，我們使用了 CSS flexbox 布局來實現左右比例。在 .container 中，我們指定了容器為水平排列，然后對左側和右側分別設置了 flex 屬性。flex 屬性表示項目放大比例，默認為 0，表示不放大。在這里，我們設置左側為 3，右側為 7，就是說右側將會比左側寬 2 倍。

當然，這僅僅是一種例子，具體的比例可以根據實際需求來設置。而在設計中，左側通常會放置導航、廣告等固定的內容，而右側則放置動態的內容，例如文章列表、產品展示等。

除了 flexbox 布局，還可以使用 CSS 柵格系統等其他布局方式來實現左右比例的布局。不過無論采用何種方式，都應該遵循一些美學原則，例如左右比例不宜過于極端，應該考慮平衡和實用性等因素。