CSS彈性盒子和浮動是常用的布局技術(shù)，它們可以用于排版網(wǎng)頁，實(shí)現(xiàn)不同的布局效果。

/* 彈性盒子代碼示例 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 浮動代碼示例 */
.clearfix::after {
content: "";
display: block;
clear: both;
}
.box {
float: left;
width: 50%;
}

彈性盒子是CSS3新增的布局方式，可以通過設(shè)置容器和子元素的屬性來實(shí)現(xiàn)不同的排版效果。例如，使用display:flex可以將容器設(shè)置為彈性盒子，子元素會自動排列在一行中，而且可以使用justify-content和align-items屬性來控制子元素的對齊方式。這種布局方式比傳統(tǒng)的布局方法更加靈活，適用于不同的屏幕尺寸和設(shè)備。

浮動是CSS2.1中的布局方式，可以使元素從文檔流中脫離出來，同時可以控制元素的位置和尺寸。例如，使用float:left可以將元素向左浮動，然后使用clear:both清除浮動，避免元素對后面的元素產(chǎn)生影響。但是，浮動布局也存在一些問題，例如會導(dǎo)致父元素塌陷，需要使用clearfix來解決。

結(jié)合使用彈性盒子和浮動，可以實(shí)現(xiàn)更加復(fù)雜的布局效果。例如，在容器中使用多個彈性盒子，然后在不同的盒子中使用浮動，可以實(shí)現(xiàn)多列布局，而且可以靈活地添加和刪除元素。