이상한 응답/스티키 푸터 문제

화면 해상도가 특정 지점에 도달하면 내 바닥 글에 이상한 문제가 발생합니다. 응답하고 화면 크기와 함께 작동하지만 바닥 글의 위쪽에만 배경이 있습니다. 나는 바닥을 0으로 설정했다; 위치는 절대로 설정되지만 상황이 좋지 않습니다. 어떤 도움을 주시면 감사하겠습니다. 웹 페이지이상한 응답/스티키 푸터 문제

링크 (내가 무슨 말보고 응답 플레이해야합니다) : http://cardspoiler.com/Cardspoiler/MSoG/Navbar/Mage.html이

HTML : https://github.com/Bonteqq/Cardspoiler/blob/gh-pages/Cardspoiler/MSoG/Navbar/Mage.html이

CSS는 : https://github.com/Bonteqq/Cardspoiler/blob/gh-pages/Cardspoiler/Cardspoiler.css

출처

2017-01-24 Bonteq

내가보고하고 문제가 .left 및 .right 클래스 너는 그들의 자연적인 위치를 지나치게 밀어 내고있는 그들에 transform: translateY(25%); 속성을 가지고있다. 당신이 당신의 바닥 글 페이지 하단에 앉아 싶은 동일한 모양이있는 경우 그들은 지금과 같이 당신의 CSS를 변경합니까 : 그 div의이 margin-bottom에서 제거에서

footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    background-color: rgba(128,128,128,.3); 
    text-align: center; 
    border-top: 1px solid #232526; 
} 

.left, .right { 
    display: inline-block; 
    list-style-type: none; 
    width: auto; 
    font-size: 100%; 
    vertical-align: top; 
    bottom: 0; 
    margin-bottom: 0; 
    padding-bottom: 10px; 
} 

.right li { 
    text-align: left; 
}

는 기본적으로 난 그냥 translate의 모든 속성을 제거 ul을 입력하고 padding-bottom을 추가하십시오. max-height이 footer 태그에서 제거되면 패딩은 페이지 하단에서 약간의 공간을 제공하고 바닥 글 배경을 확장하여 맨 아래에 간격을 남기지 않습니다.

출처

2017-01-24 03:58:16 Matthew

모바일 ATM을 사용하고 있습니다 만 시험 사용을 기다릴 수 없습니다. 노력해 주셔서 감사합니다! – Bonteq

이상한 응답/스티키 푸터 문제

답변

관련 문제