我正在尝试在宽度也为100％的物体上设置左右边距。我使用的是框大小调整方法，我希望它能使包括边距的内容显示为100％，但它会向边距添加100％，这意味着我有一个垂直滚动条。
在这里演示：
<div id="main">
Test
</div>
#main {width: 100%; margin-left: 100px; margin-right: 100px; background: red;}
在我自己的特殊情况下，我不能使用以下内容：
而是使用填充，因为即使它可以按我想要的方式（按100％宽度）工作，该填充也覆盖了下面的链接，而空白则没有。
CSS Calc（它不像我希望的那样跨浏览器）
固定宽度#main，因为我希望它的宽度可变，只是在两侧留有余量。
我还有其他选择吗？
当您使用margin-left和margin-right时，您不必给出宽度。
试试这个：
#main
{
margin-left: 10%;
margin-right: 10%;
background: red;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句