在網頁設計中，經常需要將兩個盒子放在一起，但是希望它們之間沒有間隔。要實現這一點，我們需要使用CSS。下面，我們將演示如何使兩個盒子中間無間隔。

.box1 {
width: 50%;
float: left;
border: 1px solid black;
box-sizing: border-box;
}
.box2 {
width: 50%;
float: right;
border: 1px solid black;
box-sizing: border-box;
}
.wrapper {
width: 100%;
overflow: hidden;
}

我們首先創建了兩個盒子，分別稱為.box1和.box2。這兩個盒子都有50%的寬度，并且浮動到左/右側。在這些盒子上，我們還應用了一個1像素邊框，并將box-sizing設置為border-box。border-box確保了邊框不會增加盒子的大小，因此我們可以正確計算它們的寬度，以便它們恰好占50%。

最后，我們將這些盒子包裝在一個包含元素中。我們為.wrapper指定了100％的寬度，并將其overflow屬性設置為hidden。這樣，我們可以確保.wrapper元素完全包容兩個盒子。沒有這個.wrapper元素，兩個盒子將會跑到頁面的兩側。

這就是我們如何通過CSS使兩個盒子中間無間隔。這種技術在網頁布局中非常有用，如要制作兩欄布局等。