< p>在CSS中，我们可以使用left和right属性来设置元素的左右位置。这些属性适用于绝对定位、固定定位和相对定位的元素。< /p>< p>在绝对定位和固定定位的元素中，left属性和right属性定义了元素左边和右边边缘相对于其包含元素的左边和右边边缘的位置。例如：< /p>< pre>.absolute { position: absolute; left: 50px; /* 距离包含元素左边缘50px */ right: 20px; /* 距离包含元素右边缘20px */ }< /pre>< p>在相对定位的元素中，left属性和right属性定义了元素左边和右边边缘相对于其初始位置的位置。例如：< /p>< pre>.relative { position: relative; left: 20px; /* 元素从初始位置向右移动20px */ right: -30px; /* 元素从初始位置向左移动30px */ }< /pre>< p>需要注意的是，当同时使用left属性和right属性时，元素的宽度会被自动调整，使其在包含元素中居中对齐（或者跟随text-align属性的值对齐）。例如：< /p>< pre>.center { position: absolute; left: 20px; right: 20px; }< /pre>< p>这将把持有.center类的元素居中对齐并留出20px的空白间隔。< /p>