CSS中實現左邊放置logo，右邊呈現導航欄，可以使用float屬性和position屬性。

首先，在HTML中定義需要使用的元素，如下所示：

<div class="header">
<img src="logo.png" class="logo">
<ul class="navbar">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

接下來，在CSS中設置元素的樣式，如下所示：

.header {
width: 100%;
height: 80px;
background-color: #333;
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
.logo {
float: left;
margin: 15px;
}
.navbar {
list-style: none;
float: right;
}
.navbar li {
display: inline-block;
}
.navbar li a {
display: block;
padding: 20px;
color: #fff;
text-decoration: none;
}

在上面的代碼中，.header類定義了整個頂部區域的樣式，包括寬度、高度、背景色以及定位方式等。.logo類通過float屬性設置了logo圖片的位置在左邊。.navbar類通過float屬性設置了導航欄的位置在右邊。由于浮動元素對父元素默認不占據空間，因此需要設置父元素的高度。最后，通過設置li元素的display屬性為inline-block，可以使導航欄中的選項水平排列。

通過上述代碼，就可以輕松地實現左邊放置logo、右邊呈現導航欄的效果了。