Нижний колонтитул прокручивается горизонтально, но он не должен

Question

Я создал свой сайт, а нижний колонтитул прокручивается горизонтально, но это не должно. Он шире, чем остальная часть сайта.

HTML в сноске:

<div class="footer">Atomdev.tk &copy; 2017</div> 

CSS в сноске:

.footer { 
    width:100%; 
    position: absolute; 
    overflow: hidden; 
    left: 0 
    bottom: 0; 
    width: 100%; 
    text-align: center; 
    background-color: #222222; 
    padding: 30px; 
} 

Вот мой сайт с этой сноске: atomdev.tk

Answer 1

Вы можете ...

• добавить box-sizing: border-box; в .footer (по умолчанию модель коробки будет добавить любые padding с и border с до расчетной ширины элемента - box-sizing: border-box сохраняет ширину padding/border в пределах заданной ширины)

или

• удалить width (s) и добавьте right: 0;