如何为宽度不固定的div设置固定左右边距？

如何为宽度不固定的div设置固定左右边距

在网页设计中，有时我们需要设置一个div的宽度不固定，但其左右边距保持固定距离。这在使用rem单位时尤其重要，因为rem单位基于根元素的字体大小，在不同屏幕上会产生不同的宽度。

要实现此目标，可以使用以下css代码：

div {   margin-left: 1rem;   margin-right: 1rem;   background-color: blue; }

如此代码示例所示，我们为div设置了固定的左右边距为1rem。regardless无论屏幕尺寸或字体大小如何，此边距将始终保持为1rem。

通过使用此方法，我们可以创建具有动态宽度但始终与页面边缘保持固定边距的div。