在定位元素下方设置边距答案

【问题标题】：Make margin below positioned element在定位元素下方设置边距
【发布时间】：2015-04-24 02:47:27
【问题描述】：

我知道如何在 CSS 中使用边距，它们适用于我网站上的页面，这些页面的元素比我的侧边栏中的元素长，但是当侧边栏元素是页面上最高的东西时，没有它的底部和页面底部之间的边距，因为侧边栏元素使用绝对定位。

这是我的代码：

.bio {
  position:absolute;
  right:140px;
  top:205px;
  width:170px;
  font-size:11pt;
  color:#4F305A;
  background-color:#E6E6E6;
  padding:30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:1px groove #5C4B65;
  z-index:-1;
  line-height:23px;
}

所以我的问题是：有没有办法确保绝对定位的元素下方有一定数量的空白空间（如边距）？

【问题讨论】：

请添加您的代码。
@emmanuel 好的，就是这样 :)

标签： css css-position margin

【解决方案1】：

我没有任何问题，只需向侧边栏元素添加边距。这意味着问题出在代码中的其他地方。

#sidebar {
    width: 100px;
    height: 2000px;
    right: 140px;
    top: 205px;
    position: absolute;
    margin-bottom: 20px;
}

http://jsfiddle.net/01rt9mtp/1/

【讨论】：