Question

我知道如何在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;
}

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

Answer 1

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

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

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

在下方定位元素

1 个答案: