Сделать поле ниже расположенного элемента

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/