Блог

Можете ли вы посмотреть на пример jsFiddle и сказать мне, почему мой зеленый цвет <div> не прилипает к нижней части родительской высоты прокрутки? Я уверен, что это что-то простое. Заранее спасибо!

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

посмотрите здесь

это может помочь вам

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

Если ответ на мой комментарий «да», то присвоите вашему тегу body позицию относительного

 body
{
position: relative;
}
  

Если родительским элементом является какой-либо другой элемент, просто замените body этим элементом. В данном вами коде зеленый div не привязывается к нижней части, потому что он абсолютно позиционирован и не имеет никакого относительного или абсолютно позиционированного родителя / предка, и в этом случае он будет позиционироваться относительно области просмотра / окна браузера / canvas (не элемента canvas в HTML5), который может быть или не быть элементом html или body в зависимости от пользовательского агента / браузера. Когда вы присваиваете телу относительное положение, это обеспечивает новый контекст позиционирования, и зеленый div будет расположен относительно элемента body. В случае, если тег body не является родительским, укажите позицию относительно родительского элемента, какой бы она ни была.

Скрипка

Попробуйте это:

 #green{
    position:fixed;
    ...
}