如何设置宽度自适应且左右边距始终为 1rem 的 div？

如何设置宽度不可固定且两边边距始终为 1rem 的 div

在 css 中，设置元素宽度而不使用固定单位（如像素或百分比）可以确保元素在不同屏幕上都能适应。对于需要同时保持左右边距的元素，以下方法可以解决该问题：

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

在这个示例中，使用 margin-left 和 margin-right 属性分别设置元素的左右边距为 1rem。无论屏幕尺寸或分辨率如何，这些边距都会保持不变，从而确保元素始终保持与两侧 边缘 1rem 的距离。

以上就是如何设置宽度自适应且左右边距始终为 1rem 的 div？的详细内容，更多请关注其它相关文章！