Как придерживаться нижней части макета с помощью CSS?

Question

Я сделал свой макет сайта, например, под плункер.

plunker

.bottom_block { 
    position: absolute; 
    width: 100%; 
    display: block; 
    bottom: 0; 
} 

Он оставил боковую панель имеет нижний блок, как приведенный выше код, но он не работает. Он не прилипает к дну. Как я могу придерживаться дна?

Answer 1

Найти эту строку

<div class="bottom_block left-sidebar-down"> 

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

<div class="bottom_block"> 

и пойти в style.css и найти bottom_block класс и изменить его на

.bottom_block { 
    position: fixed; 
    bottom: 0; 
    height: 600px; 
    width: 300px; 
    background-color: #996666; 
} 

, который должен работать на вас.

Answer 2

Вы можете использовать позицию фиксированной и влево, вправо, чтобы имитировать ширину на 100%, как это:

CSS:

.container_fixed{ 
    position: fixed; 
    left: 0; 
    right: 0; 
    bottom: 0; 
} 

.bottom_block { 
    width: 50%; 
    height: 100px; 
    margin: 0 auto; 
} 

HTML:

<div class="container_fixed"> 
    <div class="bottom_block"></div> 
</div> 

здесь пример: https://fiddle.jshell.net/1nmemzew/

Надеюсь, это будет полезно

С уважением