CSS中，我们经常会遇到需要让一个元素自适应页面宽度，但是又不想让它撑满整个屏幕的情况。这时候，我们就需要设置元素的左右边界自动。

/* 设置元素左右边界自动 */
.element {
margin: 0 auto;
}

以上代码中，我们使用了margin属性来设置元素的外边距，其中0代表上下外边距为0，auto代表左右外边距自动计算。

要使元素的左右边界自动，还需要满足以下条件：

• 元素的宽度不能设置为100%；
• 元素必须是块级元素，或者是display属性为table、table-cell、flex等的元素。

因为块级元素默认宽度是100%，如果不禁用该属性，元素就会撑满整个屏幕，自然就无法实现左右边界自动的效果。

需要注意的是，在一些特殊场景下，比如使用float属性浮动元素时，自动边界会失效。此时，我们可以设置一个固定的宽度，或者使用flex布局，避免出现意外的影响。