CSS布局技巧：轻松实现div左右边距恒定为1rem
网页设计中，经常需要div元素宽度自适应，但左右边距保持不变。使用百分比设置边距会因屏幕尺寸变化而导致布局错乱。本文介绍一种简单方法，确保div左右边距始终为1rem。
核心在于CSS盒模型和margin-left、margin-right属性的运用。 无需关注div宽度变化，直接设置边距即可。
以下CSS代码即可实现：
div {
margin-left: 1rem;
margin-right: 1rem;
background-color: blue; /* 可选，用于演示效果 */
}代码直接将div元素的左右外边距设置为1rem。无论div内容多少，其左右边距始终保持不变。background-color属性仅为演示效果，实际应用可删除。 此方法简洁高效，避免了百分比带来的响应式布局问题。