100% Высота тела (содержимое загружается динамически)

Question

Мне нравится иметь фон на всем моем сайте. Работает нормально, пока содержимое статично. При использовании javascript для расширения содержимого элемент тела не растет над областью прокрутки. Мой вопрос похож на этот вопрос: Div height 100% and expands to fit content

Примечание: Я использовал множество поплавков и не могу сделать фиксированный фон div, потому что мой сайт становится недоступным.

Необходимо решить это как-то. Может быть, с JS?

Html, Body 
{ 
    width: 100%; 
    height: 100%; 
    background-color: #ffffff; 
} 

Body { 
    display: block; 
    background: url('../Images/page-bgr-top.png') center top repeat-x, 
       url('../Images/page-bgr-content.png') center top repeat-y; 
} 

Update: Nathan Lee ответ помог мне. Моя проблема заключается в том, что полоса прокрутки перемещает фон, и все мое другое сосредоточенное содержимое остается на месте.

body {overflow:auto;} 

Answer 1

Добавить overflow:auto; в ваше тело.

body {overflow:auto;} 

Надеюсь, это поможет.

Answer 2

Это происходит, когда вы используете float, есть ли какие-либо причины для использования float? попробуйте удалить поплавок и добавить display: block; ИЛИ display: inline-block?

Answer 3

Изменение height: 100% в min-height: 100%;:

html, body 
{ 
    width: 100%; 
    min-height: 100%; 
    background-color: #ffffff; 
} 

Вы хотите сказать, ваш body всегда быть столь же высоко, как окна, так что на самом деле ведет себя таким образом - не расширяется, чтобы соответствовать высоте документа. С мин высоты вы позволить этому случиться

Смотрите демо здесь: http://jsfiddle.net/meyertee/Lpgwa/