CSS浮動定位是網頁設計中常用的一種布局方式。其中，浮動的盒子可以根據需要進行左右移動，并可以自適應父容器的寬度。下面我們將介紹如何使用CSS浮動定位方式來布局三個盒子。

.box {
float: left;
width: 33.33%;
height: 200px;
}
.left {
background-color: #FF9900;
}
.middle {
background-color: #33CC00;
}
.right {
background-color: #0099FF;
}

上述代碼中，我們使用float屬性來讓三個盒子浮動在左側。同時，通過width屬性將寬度設置為33.33%，這樣可以使三個盒子平分父容器的寬度。

此外，我們還設置了每個盒子的高度為200px，并分別給三個盒子設置了不同的背景色，以方便區分。

通過上述CSS代碼，我們就成功地實現了三個盒子的浮動定位布局！