Липкий нижний колонтитул внутри других divs

У меня есть заданная структура HTML, и я не могу ее изменить, чтобы поместить нижний колонтитул вдоль обертки div и ничего больше, поэтому «классический» липкий код нижнего колонтитула не работает. Структура выглядит следующим образом:Липкий нижний колонтитул внутри других divs

<body> 
    <div></div> 
    <div> 
     <sidebar></sidebar> 
     <maincontent> 
      <div></div> 
      <div></div> 
      <div></div> 
      <footer></footer> 
     </maincontent> 
    </div> 
</body>

сноска должна быть там для того, чтобы боковой панели появляться и правильно исчезает через JS, если я положил его там, где он работает с липким кодом колонтитула на боковой панели появляется над ней, и основное содержание не распространяется на конец страницы.

Любой способ сделать нижний колонтитул липким, кроме как изменить все?

источник

2014-12-13 Roshindow

Если вы хотите сделать колонтитул стики MainContent затем попробовать это

#maincontent-selector { 
    position: relative; 
} 

#footer-selector { 
    position: fixed; 
    bottom: 0px; 
}

Ваш родительский элемент должен иметь место относительного или абсолютное, чтобы сделать колонтитул палку к родительскому дна.

Иначе он будет придерживаться нижней части страницы.

источник

2014-12-14 04:27:15

Липкий нижний колонтитул внутри других divs

ответ

Смежные вопросы