在CSS排版中，我們經(jīng)常會遇到一個問題，就是當(dāng)一個元素的高度是不確定的時候，如何讓它下面的元素對齊？

.parent {
height: auto;
overflow: hidden;
}
.child {
float: left;
}
.clearfix {
clear: both;
}

這里，我們通過給父元素設(shè)置“overflow:hidden”來清除其內(nèi)部浮動，然后讓子元素“float:left”來控制元素的對齊。最后，我們再在父元素中添加一個clearfix類，使用“clear:both”來避免下一個元素的影響。

還有一個方法是使用“:after”偽元素來清除浮動，具體代碼如下：

.parent {
position: relative;
}
.parent:after {
content: '';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.child {
float: left;
}

這個方法中，我們通過設(shè)置“:after”偽元素來清除子元素的浮動。需要注意的是，這個方法僅適用于IE8及以上的瀏覽器。

無論使用哪種方法，在CSS排版中處理高度不確定的元素都是非常有用的技巧，可以讓頁面的布局更加靈活和美觀。