페이지 오른쪽 하단에 고정 버튼을 추가하는 방법

Question

내 웹 페이지 하단에 고정 버튼을 추가하는 데 문제가 있습니다. 픽셀과 다른 숫자를 테스트했지만 버튼이 오른쪽의 페이지 아래에 표시되지 않았습니다.

HTML

<a href="#head"><img src="upbutton.png" id="fixedbutton"></a> 

CSS

.fixedbutton { 
    position: fixed; 
    bottom: 560px; 
    right: 1000px; 
} 

Answer 1

당신은 당신의 CSS (클래스)에서 .fixedbutton을 지정하고 요소 자체에 id를 지정하고 있습니다. id fixedbutton

#fixedbutton { 
    position: fixed; 
    bottom: 0px; 
    right: 0px; 
} 

을 선택합니다

변경 다음과 당신의 CSS는, 여기 JoshC의 jsFiddle 예의입니다.