CSS彈性布局是一種比較新的布局方式，它能夠讓元素根據(jù)屏幕大小和內(nèi)容來自動(dòng)調(diào)整大小和位置。而其中特別有用的一個(gè)特性就是彈性盒子彈性布局浮動(dòng)效果。

在彈性盒子彈性布局中，float這個(gè)屬性失效了，但是我們同樣可以實(shí)現(xiàn)浮動(dòng)元素的效果。這就是通過使用flexbox中的align-self: flex-end;來實(shí)現(xiàn)的。

.container {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.item {
width: 25%;
height: 50px;
background-color: #eee;
}
.item:nth-child(2) {
align-self: flex-end;
}

以上代碼中，我們首先將容器設(shè)為彈性盒子布局，使其中的子元素可以自動(dòng)調(diào)整大小和位置。然后使用justify-content來調(diào)整子元素之間的間距，使用align-items來設(shè)置子元素在垂直方向上的對(duì)齊方式，這里我們?cè)O(shè)置為頂部對(duì)齊。

接著，我們對(duì)第二個(gè)子元素使用了align-self屬性，將其設(shè)置為flex-end，使其在垂直方向上浮動(dòng)到容器的底部。

這種方式雖然和傳統(tǒng)的浮動(dòng)方式有些不同，但是卻能夠更加靈活和精準(zhǔn)地控制子元素的位置和大小，可謂是非常實(shí)用。