высота: 100% поля пустого пространства / проблема с блоком

Question

Я следовал этому css-трюку , как реализовать липкий нижний колонтитул. Я добился успеха, но заметил, что высота (мин): 100% оказывает отрицательное влияние на то, когда я пытаюсь применить поле слева-направо к моему первичному элементу divContent.

На определенной высоте это вызывает появление блока пустого пространства. Единственный обходной путь, который я нашел, - это использование отступов вместо margin. Высоту, с которой это происходит, можно увидеть на моем скриншоте ниже. И я также замечаю, если я удалю строку «background: наследовать» из #primaryContent div, что фон контейнера div останавливается на той же высоте, что и проблема с пробелами на полях.

Любая помощь приветствуется, ссылки на исходный код: default.css index.html reset.css

Скриншот:

Answer 1

Нажмите «Ссылочную ссылку» внизу вашего примера URL-адреса .... он указывает на исходный источник: http://www.cssstickyfooter.com/.

Если вы нажмете « Как использовать код закрепления нижнего колонтитула », вы обнаружите, что, поскольку способ, которым написано их / его решение - padding для атрибутов высоты - правильный, а не поля.

Я прочитал документацию неделю назад или около того - думал, что видел это предостережение. <find>+padding приведет вас прямо к записи.

Answer 2

очень странно, как они допускают это проскальзывание, это исправление: D

ищите это в default.css

html, body, #container { 
      height: 100%; 
}

замените его на

html, body { 
      height: 100%; 
}

Я не совсем уверен, что объяснение, почему это происходит, может быть просто ошибкой CSS, но всегда есть обходной путь.

bada-bing все готово!