CSS3中，可以使用flex布局來實現(xiàn)元素沾滿水平排列的效果，具體步驟如下：

1、創(chuàng)建一個容器元素，用于包含需要水平排列的子元素。

2、將容器元素的display屬性設(shè)置為flex。

3、將子元素添加到容器中，并設(shè)置它們的樣式，如寬度、高度、背景色等。

4、使用justify-content屬性將子元素在容器中水平排列，該屬性可以設(shè)置為flex-start、flex-end或center，分別表示左對齊、右對齊或居中對齊。

5、如果需要，可以使用align-items屬性將子元素在容器中垂直排列，該屬性可以設(shè)置為flex-start、flex-end或center，分別表示上對齊、下對齊或居中對齊。

以下是一個示例代碼：

HTML代碼：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
</div>

CSS代碼：

.container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.item {
  width: 100px;
  height: 100px;
  background-color: #f00;
}

在這個示例中，我們創(chuàng)建了一個包含5個子元素的容器，通過設(shè)置justify-content和align-items屬性，我們可以將子元素在容器中水平排列和垂直排列，每個子元素的寬度和高度都設(shè)置為100px，背景色為紅色。