Html 对绝对元素应用边距或填充

我有一个绝对包装器和绝对div，它们必须是响应的，所以我将它们设置为100%宽度。如何设置左边和右边的边距

.card{
    border:1px solid black;
    height:120px;
    width:100%;
    position:absolute;
    bottom: 0;
    -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

#wrap{
    overflow:hidden;
    position:absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 120px !important;
}

#card1{
    background:black;
    top:0;
    color:white;
}

---

您可以将其简化为如下所示。在此之前，您必须知道我们必须提到的位置：绝对位置

---

小提琴：

将两边的宽度减少两倍

width:95%;
margin: 0 2.5%;

---

小提琴-

嗯？你改变了什么？我说的是两边的边距。你提到了填充：10px和100%的包裹。所以它需要100%+20px的宽度。还有一件事，我把*{margin:0；padding:0}。因此，所有html标记将获得边距：0和填充：0。否则，每个标记将获得默认的边距和填充值。如果我的答案有用，请单击向上箭头：您是否支持FX3.6（和Saf 4/Android 2.1）？或者，您可以安全地坚持使用“固定边界半径”属性。来源：（点击“全部显示”）。如果您不想添加前缀（更重要的是，也很少删除前缀），Autoprefixer是一个很好的工具