在CSS（层叠样式表）中，`margin-right` 是一个属性，用于设置元素右侧的外边距。这个属性定义了元素右边与其相邻元素之间的空间距离。它的值可以是固定的像素值、百分比或自动计算的值。下面是一些使用 `margin-right` 的基本示例：
### 固定值示例：
```css
div {
margin-right: 20px; /* 设置右边距为20像素 */
}
```
### 百分比值示例：
在某些情况下，你可能想根据容器的宽度动态设置右边距。在这种情况下，你可以使用百分比值：
```css
div {
width: 50%; /* 设置元素宽度为容器宽度的50% */
margin-right: 10%; /* 设置右边距为容器宽度的10% */
}
```
### 自动计算值示例（使用auto）：
如果你想让浏览器自动计算外边距，你可以将 `margin-right` 设置为 `auto`：
```css
div {
margin-right: auto; /* 让浏览器自动计算右边距 */
}
```
需要注意的是，当使用 `auto` 值时，浏览器会根据其他因素（如其他边距、元素的宽度等）来计算实际的边距值。这在某些布局情况下非常有用，尤其是在创建响应式设计时。不过在使用这种自动计算值时，也需要确保不会破坏布局的其他部分。