如何设置宽度不固定的 div，保持左右边距始终为 1rem？

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

问题描述：如何设置一个div的宽度不固定，但是居左右边距都是1rem？希望不用百分比表示，因为在不同的屏幕上差距太大，希望左右边距始终为 1rem。

答案：

实现此效果的 css 代码如下：

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

这个解决方案使用 margin-left 和 margin-right 属性，无论 div 的宽度如何，都能确保其左右两侧的间距为 1rem。

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