sticky-footer

0열

2답변

페이지 하단에 바닥 글을 배치하고 내용이 증가하면 내용 아래로 밀어 넣는 방법

내용이 충분하지 않을 때 화면 아래쪽에 내 페이지에 바닥 글을 배치하려고합니다. 콘텐츠 높이가 화면 높이를 초과하면 하단에 고정 된 채로 머무 르지 않고 콘텐츠 아래에 바닥 글을 넣을 수 있습니다. 나는 stackoverflow 및 기타 리소스에 언급 된 몇 가지 방법을 시도했지만 작동하지 못했습니다. html { height: 100%;

0열

2답변

끈끈한 바닥 글이 작동하지 않습니다. 큰 공간과 두루마리 막대가 있습니다.

저는이 일을 전에 해왔지만, 이번에는 바닥 글이 끈적 거리지 않는 문제입니다. 꼬리말과 내용 사이에는 큰 차이가 있으며, scrool이 나옵니다. 고맙습니다. header, nav, article, section, footer, figure, aside { display: block; } html

2열

1답변

내용이 확장되면 아래로 움직이는 끈적한 바닥 글

페이지 하단에 붙이는 바닥 글로 SAVE 버튼을 포함하려고 시도하지만 'fold below'내용이있을 때마다 아래로 내려갑니다. 그러나 일반적으로 한 페이지에 들어있는이 콘텐트는 선택 확인란 요소를 사용할 때를 뛰어 넘습니다. 문제의 예 : 나는 선택 체크 박스 요소를 클릭하면 : 현재 코드 스타일 : 을 16, .bottom { position

0열

1답변

꼬리말이 내용물과 겹치다

절대적으로 상대적인 위치에서 위치를 바꿀 때 꼬리말이 25 %로 축소 되어도 바닥 글이 끈적 거리지 만 푸터는 내용물과 겹치기를 원합니다. 해결 방법? 여기 내 라이브 link CSS의 : footer #bottom-footer { background: url(/files/image.jpg) no-repeat; background-repe

0열

1답변

Chrome 스크롤바의 크기가 HTML 크기로 조정됩니다

Firefox 또는 IE가 아닌 Chrome에서만 발생합니다. 텍스트가 오버레이 된 세 개의 이미지가 있습니다. 3 개의 이미지가 반응하며 브라우저 창 전체를 차지합니다. 여기에 스크린 샷입니다 : 나는 그것이 좁은, 어떻게 든 HTML 페이지의 크기보다 작은되고 만들 수있는 창 크기를 조정. 윈도우가 다시 조정하는 것, 그리고 모든 것이 잘되기 전에이 매

0열

2답변

끈적한 바닥 글 문제, 넓은 브라우저 지원을 제공하는 2 열 응답 레이아웃

어려운 레이아웃 문제가 있습니다. I는 다음의 레이아웃을 생성해야 개의 동일한 높이 열 점착 글 응답 (왼쪽 탐색 열이 100 %로 축소 (광 콘텐츠 하단에 위치 무거운 콘텐츠 페이지가 밀려) 와이드 브라우저 지원) 모바일 중단 점에서() 아래 IE9에뿐만 아니라 데스크톱 레이아웃을 모바일 장치를 지원해야합니다 을 모바일 레이아웃 :이 그들 모두를위한 여러

0열

2답변

플렉스 박스 끈적 푸터 - '플렉스 : 1'이 높이 채우지 못함

나는 잠시 동안 문제가있는 동적 높이 바닥 글을 위해 플렉스 박스 끈적한 푸터 방법을 테스트하려고합니다. 하지만 '기본 높이 : 100vh'및 '굴곡 방향 : 열'을 포함하는 바디에 'flex : 1'을 사용하여 창의 전체 높이를 채우기 위해 확장하지 않는 기본 섹션에 문제가 있습니다. 이것은 페이지의 절반까지 여전히 바닥 글을 남겨두고 있습니다. 왜 이것

0열

2답변

Css 원하지 않는 오른쪽 여백, 끈적한 바닥 글이 고정되어 있지 않음

내 사이트에서 오른쪽에 원치 않는 흰색 여백이 있습니다. 그 이유는 모르겠습니다. 내 사이트의 모든 컨테이너가 유동적이며 컨테이너에 여백이없고 CSS가 추가되지 않았습니다. 나는이 사이트의 아래에 바닥 글을 넣어 싶습니다 html, page { width: 100%!important; margin:0; font-family: "

1열

2답변

Chrome Console을 열 때마다 바닥 글이 올라갑니다

저는 CSS가 좋지 않다는 것을 인정합니다. 이것은 내 마지막에는 바보 일지 모르지만 모든 페이지 하단에 끈적 인 바닥 글을 갖고 싶습니다. 대지. 나는이 절대 위치를 사용하고 내 바닥 글에 대한 CSS입니다 position:absolute; bottom:0; height:50px; padding: 10px; width:

0열

1답변

고정 양식 입력에 대한 위치 변경 방지

헤더, 동적 콘텐츠 및 고정 바닥 글이있는 간단한 웹 페이지가 있습니다. 꼬리말에는 텍스트 입력과 제출 버튼이있는 양식이 있습니다. 콘텐츠가 페이지의 시각적 영역을 벗어나는 상황에서는 끈적한 모양이 예상대로 작동합니다 (보이는 영역의 하단에 표시됨). 폼의 텍스트 필드에 텍스트 변경 내용을 입력하면 동적 내용이 자동으로 맨 아래로 스크롤된다는 것을 눈치 챘