在CSS中連接三行三列的div，我們可以使用CSS的浮動（float）屬性來實現(xiàn)，以下是一個簡單的示例：

HTML代碼：

<div class="row">
  <div class="col">列1</div>
  <div class="col">列2</div>
  <div class="col">列3</div>
</div>
<div class="row">
  <div class="col">列4</div>
  <div class="col">列5</div>
  <div class="col">列6</div>
</div>
<div class="row">
  <div class="col">列7</div>
  <div class="col">列8</div>
  <div class="col">列9</div>
</div>

CSS代碼：

.row {
  float: left;
  width: 100%;
}
.col {
  float: left;
  width: 33.33333333333333%;
  box-sizing: border-box;
}

在這個示例中，每個div元素都有一個類名，分別是row和col。row類用于定義行的樣式，col類用于定義列的樣式，每個col元素都設置為浮動（float）屬性，使其能夠左右移動，直到找到合適的位置，我們還設置了width屬性，使每列寬度為33.33333333333333%，這樣三列就可以平均分配寬度了，我們還使用了box-sizing屬性，確保元素的寬度和高度包括邊框和填充。