在進行CSS布局時，我們經常需要給頁面上的元素進行盒子模型的設置。但是，除去盒子之間的間距，也是我們需要注意的地方。

在CSS中，盒子之間的間距可以通過margin屬性進行設置。但margin屬性會對盒子的大小產生影響，可能會導致盒子大小的不可控制性。

.box {
width: 100px;
height: 100px;
border: 1px solid black;
margin: 20px;
}

以上代碼會讓盒子的大小變成140px x 140px，因為margin設置的值使得盒子之間的間距為20px。

為了避免margin屬性對盒子大小的影響，可以使用其他方式去掉盒子之間的間距。

一種方式是使用外層容器的padding屬性，并將內部的盒子設置為負的margin值來均衡內外邊距。

.wrapper {
padding: 20px;
}
.box {
margin: -20px;
}

這樣設置后，盒子之間的間距就消失了，而且盒子的大小依然是100px x 100px。

另一種方式是使用CSS3的flexbox布局，通過設置盒子之間的間距為0，再通過justify-content和align-content屬性進行盒子的排列。

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}
.box {
margin: 0;
}

通過以上的方式，不僅可以去掉盒子之間的間距，還可以實現更靈活的盒子排列方式。