橫鋪CSS（Horizontal CSS）是一種應(yīng)用于網(wǎng)頁(yè)布局的技術(shù)，它可以讓網(wǎng)頁(yè)元素水平排列在同一行內(nèi)，尤其適用于導(dǎo)航欄等需要橫向展示的元素。

代碼示例：
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
color: #fff;
padding: 10px;
}
.navbar h1 {
font-size: 24px;
margin: 0;
}
.navbar ul {
list-style-type: none;
display: flex;
padding: 0;
margin: 0;
}
.navbar li {
margin-left: 10px;
}
.navbar a {
color: #fff;
text-decoration: none;
}

以上示例中，首先定義了一個(gè)具有flex布局的.navbar元素，它的子元素將按照橫向排列并且均分水平方向的空間。通過(guò)justify-content屬性可以設(shè)置子元素之間的間距，這里使用了space-between值，表示子元素之間會(huì)留有相同的空白間距。

接下來(lái)，再定義.navbar元素下的其他樣式，如背景色、字體色、內(nèi)邊距等。同時(shí)，也設(shè)置了子元素ul的樣式，使其變?yōu)閒lex布局，并且去掉它的內(nèi)外邊距和列表標(biāo)志。最后再設(shè)置li和a元素的樣式，即導(dǎo)航欄中每個(gè)選項(xiàng)的布局和顏色。

使用橫鋪CSS可以讓網(wǎng)頁(yè)布局更為靈活，同時(shí)也更加符合用戶的體驗(yàn)需求，它不僅僅局限于導(dǎo)航欄，在其他需要水平排列的元素上同樣適用。因此，掌握橫鋪CSS的技術(shù)是前端開(kāi)發(fā)人員必備的技能之一。