CSS3的Flex布局是前端開發中的一個十分重要的技術，在很多場景下都能夠方便快捷地解決布局問題。Flex布局中最常用的是三分之一布局。

.container{
display: flex;
justify-content: space-between;  /* 三分之一 */
}
.item{
flex: 1;  /* 占據全部空間 */
margin-right: 20px; /* 加上右邊距 */
}
.item:last-child{
margin-right: 0; /* 去掉最后一個子元素的右邊距 */
}

上述代碼中的.container就是我們要進行三分之一布局的容器，我們采用Flex布局并且把justify-content屬性設為space-between，這樣就可以讓每個子元素之間的間距保持相等。接下來我們需要為每個子元素設置占據全部空間的flex屬性，然后在每個子元素之間加上20px的右邊距，再去掉最后一個子元素的右邊距即可完成三分之一布局。

總結來說，CSS3的Flex布局是一個非常強大的工具，可以方便地解決在前端開發中遇到的大多數布局問題，其中，三分之一布局在很多場景下都是非常實用的。