在CSS中，可以使用相對(duì)定位（relative positioning）來(lái)實(shí)現(xiàn)上面浮動(dòng)，下面布局的效果，相對(duì)定位允許元素相對(duì)于其正常位置進(jìn)行移動(dòng)，而不會(huì)改變其他元素的布局。

將上面的元素設(shè)置為相對(duì)定位，并給它一個(gè)正的上邊距（top），這將使元素向下移動(dòng)，直到它接觸到下面的元素，將下面的元素設(shè)置為相對(duì)定位，并給它一個(gè)負(fù)的下邊距（bottom），這將使元素向上移動(dòng)，直到它接觸到上面的元素。

通過(guò)這種方式，您可以實(shí)現(xiàn)上面浮動(dòng)，下面布局的效果，而不會(huì)破壞頁(yè)面的其他布局，您還可以使用CSS的其他屬性，如left和right，來(lái)調(diào)整元素的左右位置，以達(dá)到更好的布局效果。

這種方法僅適用于相對(duì)定位的元素，如果元素是***定位（absolute positioning）或固定定位（fixed positioning），則它們將不受其他元素的影響，而是根據(jù)頁(yè)面或視口的大小和位置進(jìn)行布局，在使用相對(duì)定位時(shí)，請(qǐng)確保您的頁(yè)面布局允許這種定位方式。