이미지는 항상 HTML 화면 하단에 있습니다.

저는 HTML 세계에서 꽤 새로워서 어리석은 질문처럼 보일 수 있습니다.이미지는 항상 HTML 화면 하단에 있습니다.

저는 항상 화면 하단에 있고 싶은이 이미지가 있습니다. 그래서 기본적으로 스크롤하더라도 항상 아래에있을 수있는 다른 내용이 겹치는 화면 하단에 남아 있습니다.

바닥에서 시작하는 이미지를 얻는 데 아무런 문제가 없었습니다. 위치를 지정하면 효과가 있었지만 아래로 스크롤하면 화면 밖으로 스크롤되어 결국 원하지 않는 결과가 나타납니다.

나는 약간의 인터넷 검색을했고 그것은 바닥 글과 관련이 있어야한다는 것을 알았지 만 작동시키지 못했고 그것이 내가 여기있는 방법이다.

아주 기본적인 질문에 대해 다시 사과드립니다.하지만이 도움말에 대한 도움이 필요합니다.

감사합니다.

2013-06-15 Kevin

는이 같은 뭔가를 찾고 계십니까 http://jsfiddle.net/uw8f9/이 게시물을 참조하십시오 : http://stackoverflow.com/questions/8824831/make-div-stay-at-bottom-of-pages-content-all-the-time-even-when-there-are-scrol –

비슷한 예 @hmrgv 제공 : http://jsfiddle.net/A4BWX/ –

Jakker의 확장 기능. 나는 이것이 당신이 원하는 것과 비슷하게 들린다 고 생각한다 : http://jsfiddle.net/A4BWX/3/ – leigero

귀하의 질문은 매우 모호하며 검토 또는 지원할 코드가 없습니다. 이것이 당신이 아래 표를 얻은 이유입니다.

내게는 웹 페이지의 맨 아래에 그림이 필요한 것처럼 보이지만 (반드시 바닥 글 막대는 아님) 소리가납니다. 이 경우 이미지 위치를 "고정"으로 설정하여 이동하지 않도록이 목표를 달성 할 수 있습니다. 그리고 아래쪽과 왼쪽 여백 (또는 오른쪽 여백)을 원하는대로 설정하십시오.

HTML 내에 만의 스타일 설정 :

<img style="position: fixed; bottom:0; left:0;" src="image_location"/>

사용하여 CSS 파일을 별도로 :

<img src = "image_location"> //html file 

//below is the CSS applying to all <img> in the html. 
img { 
    position: fixed; 
    bottom:0; 
    left: 0 
}

출처

2013-06-15 00:59:38 leigero

끈적 머리글/바닥 글을 찾으십니까? 그렇다면 this이 도움이 될 수 있습니다. jsFiddle 링크를 확인하십시오.

출처

2013-06-15 00:35:53

이미지는 항상 HTML 화면 하단에 있습니다.

답변

관련 문제