꼬리말이 내용물과 겹치다

Question

절대적으로 상대적인 위치에서 위치를 바꿀 때 꼬리말이 25 %로 축소 되어도 바닥 글이 끈적 거리지 만 푸터는 내용물과 겹치기를 원합니다.

해결 방법? 여기 내 라이브 link

CSS의 :

footer #bottom-footer { 
    background: url(/files/image.jpg) no-repeat; 
    background-repeat: no-repeat; 
    background-size: cover; 
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.71); 
    text-align: left; 
    padding: 50px 0 50px 0; 
    font-size: 0.8125em; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 600; 
    letter-spacing: normal; 
    position: relative; 
    left: 0; 
    bottom: 0; 
    height: auto; 
    width: 100%; 
} 

Answer 1

나는 페이지 하단의 내용이 고정 된 바닥 글 아래에 있다는 것을 뜻 같은데요.

하나의 해결 방법은 바닥 글의 부모 바닥에 바닥 글의 여백 간격을 더하는 것입니다.