HTML или размер тела - отступ / высота / поля / что-то

Question

Неважно, сколько я играю со свойствами отступов и полей, кажется, я не могу решить проблему, которая возникает у меня на больших экранах - в нижней части html есть «обрезка», где, по-видимому, есть отступ отнижняя часть экрана.Я не знаю, какой это элемент, но все элементы были сброшены, чтобы иметь 0 отступов или поля

Когда я добавляю следующее css, я обнаруживаю, что разрыв действительно находится внизу - внизу нет элементов:

* {outline: solid 1px;}

Вот URL-адрес сайта, если любой добрый человек хотел быхотел бы посмотреть: http://preview.tinyurl.com/7ywoqpf

Answer 1

Ваш div.holder имеет min-height из 650 пикселей.

Когда я удаляю это, пропасть для меня исчезает.

В этих случаях лучше всего сделать документИнспектор типа Firebug или Chrome встроен в него.Они покажут вам, какие элементы в DOM занимают какое именно пространство.

Answer 2

Помните, что элементы уровня блока будут заполнять свой контейнер по ширине, но не по высоте. Поэтому, возможно, это тот случай, когда элементы div и контейнеры на вашей странице недостаточно высоки, чтобы достичь дна. Есть нечто, называемое «push div», «липкие нижние колонтитулы», где этот div будет оставаться внизу. Может быть, вы поместите свое фоновое изображение в это, и оно останется внизу. Однако в вашем css есть несколько ошибок, и у вас не может быть 0,5 пикселя.

Answer 3

Я возился с firebug и заметил, что установка:

html {height: 100%;}

решила проблему, обновлю сайт позже этим вечером