CSS中可以使用浮動和定位來對元素進行布局。浮動可以讓元素脫離文檔流，但是它只能對元素進行左右布局，并且會影響到其他元素的位置。而定位可以讓元素精確地定位在指定位置，但是如果不謹慎使用，也會出現布局混亂的情況。

.wrapper {
width: 80%;
margin: 0 auto;
position: relative;
}
.box {
float: left;
width: 50%;
height: 200px;
background-color: #f2f2f2;
box-sizing: border-box;
}
.left-box {
position: absolute;
top: 0;
left: 0;
}
.right-box {
position: absolute;
top: 0;
right: 0;
}

上面的代碼展示了一個使用浮動和定位進行布局的例子。首先，我們創建了一個寬度為80%的容器，并設置了其為相對定位。然后，我們創建了兩個寬度為50%的盒子，并設置其為浮動。在這里，我們使用了box-sizing:border-box來讓盒子的寬度包括其內邊距和邊框。

接下來，我們對左側的盒子使用了絕對定位，將其定位在容器的左上角。對于右側的盒子，我們使用了相同的絕對定位，并將其定位在容器的右上角。

這樣就完成了一個簡單的左右布局。在實際使用時，我們需要注意的是，浮動和定位會影響到元素的位置和大小，需要進行仔細的計算和調整。同時，我們可以使用clear屬性來清除浮動，避免出現布局混亂的情況。