如何使用CSS來左右設置div，可以參考下述步驟：
1. 創建一個新的div元素，并將其設置為需要左右排列的元素。
2. 在CSS中，使用position屬性將div元素定位到需要的位置，并設置其左右方向為“left”和“right”。
3. 添加左右方向的偏移量，例如“margin-left”和“margin-right”。
4. 確保div元素的寬度和高度與頁面其他元素相同，以便它們可以均勻排列。
下面是一個簡單的示例代碼，演示了如何使用CSS來左右設置div元素：
```html
<!DOCTYPE html>
<html>
<head>
<title>左右設置div</title>
<style>
.container {
width: 400px;
height: 300px;
background-color: #f0f0f0;
.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 0px 0px 5px #ccc;
position: relative;
.box-left {
left: 50%;
transform: translateX(-50%);
.box-right {
right: 50%;
transform: translateX(-50%);
</style>
</head>
<body>
<div class="container">
<div class="box">Left</div>
<div class="box">Right</div>
<div class="box">Center</div>
</div>
</body>
</html>
在這個示例中，使用了一個容器元素來包含多個div元素，并使用CSS設置了它們的左右方向和偏移量。最終，左右排列的div元素會在容器元素中居中。