在網頁設計中，左側菜單和右側顯示內容的設計是一個非常常見的設計模式。這種設計模式可以使得頁面看起來更加清晰、簡潔，用戶也可以更加方便地找到所需要的信息。

在實現這種設計模式時，CSS是必不可少的。我們可以使用CSS來控制左側菜單的樣式、布局，同時也可以控制右側內容區域的樣式、布局。下面，我會給大家介紹一下如何使用CSS實現這種左側菜單右側顯示的設計模式。

/*左側菜單的樣式*/
.nav{
width: 200px;
float: left;
}
.nav ul{
margin: 0;
padding: 0;
list-style: none;
}
.nav li{
margin: 0;
padding: 0;
line-height: 30px;
border-bottom: 1px solid #ccc;
}
.nav li a{
display: block;
padding-left: 10px;
text-decoration: none;
color: #333;
}
/*右側顯示區域的樣式*/
.content{
margin-left: 200px; /*要和.nav的寬度一致*/
padding: 20px;
}

上面的代碼中，我們使用了float屬性，來使得左側菜單可以浮動在網頁左側。注意要給右側顯示區域設置一個左邊距，以免被左側菜單擋住。

當然，上面的CSS代碼只是一個初始樣式，你可以根據自己的需求來進行調整。比如，你可以設置菜單選項的背景色、hover時的樣式，也可以在右側顯示區域中嵌套各種元素。

總之，使用CSS來實現左側菜單右側顯示的設計模式非常方便。只需要簡單的CSS樣式設置，就可以展示一份簡潔、清晰的網頁設計。希望這篇文章對你們有所幫助！