маржинальное дно не работает?

Question

По какой-то причине у меня возникли проблемы с заполнением нижней части моей страницы.У меня есть окно с контентом, которое идет в конец страницы и попадает в нижнюю часть страницы и выглядит не лучшим образом.Я хочу выделить немного места снизу страницы, чтобы исправить эту проблему, но кажется, что поле margin-bottom не работает так, как я ожидаю?Я включил следующий код, который должен быть всем, что влияет на содержимое окна.Я попытался удалить поле: 0 в html / body (хотя мне это и нужно), но это тоже не работает?Я чувствую, что упускаю что-то действительно очевидное.

html, body {
margin:0;
padding:0;
width:100%;
height:100%;
text-align:left;}

#content {
position: absolute;
left: 50%;
margin-left: -368px;
top: 104px;
padding-left: 35px;
padding-right: 35px;
padding-top: 15px;
padding-bottom: 15px;
background-color: white;
border: 1px solid black;
width: 664px;
margin-bottom: 20px;}

Любая помощь будет принята с благодарностью :) Спасибо!

Живая ссылка - http://quintinmarcus.com/portfolio/

Answer 1

Поскольку content имеет position: absolute, его поля после ничего не делают, и при этом он не должен растягивать внутреннюю высоту тела так, чтобы нижняя часть тела делала что-либо.

Answer 2

Если вы хотите центрировать макет, измените текущий стиль для #content на следующий:

CSS:

#content {
width:664px;
margin:104 auto 20px auto;
padding: 15px 35px;
background-color: white;
border: 1px solid black;
}

Это также включитвам дать поле в нижней части вы хотите.