導航欄是網站的重要組成部分，它可以幫助用戶快速找到所需內容，在CSS中，我們可以通過設置導航欄的樣式和布局來實現(xiàn)由內容撐開的效果。

我們需要創(chuàng)建一個HTML導航欄結構，這個結構通常包括一個包含所有鏈接的容器，以及每個鏈接對應的錨點。

<div class="navbar">
  <a href="#">鏈接1</a>
  <a href="#">鏈接2</a>
  <a href="#">鏈接3</a>
  <a href="#">鏈接4</a>
  <a href="#">鏈接5</a>
</div>

我們可以使用CSS來設置導航欄的樣式和布局，我們可以使用display: flex屬性將鏈接水平排列，并使用justify-content: space-between屬性在每個鏈接之間添加空間：

.navbar {
  display: flex;
  justify-content: space-between;
}

我們還可以使用padding屬性來增加鏈接之間的空間，并使用border屬性來添加邊框：

.navbar a {
  padding: 10px;
  border: 1px solid #000;
}

我們可以使用background-color屬性來設置導航欄的背景色：

.navbar {
  background-color: #f0f0f0;
}

通過以上CSS樣式設置，我們可以實現(xiàn)一個由內容撐開的導航欄。