position : fixed + float : right, div는 어디에 있습니까?

Question

나는 여전히 HTML과 CSS를 연구 중이다. 어리석은 실수 일 수도 있고 아닐 수도있다.

내 HTML을 보면 #welcome div가 있지만 float : right로 설정하면 사라집니다.

http://jsfiddle.net/TkQaU/1/

(크롬이나 파이어 폭스)

감사합니다!

Answer 1

변경 float:right; : 당신이 부동을 유지하려면

#topbar .content #welcome { 
    position:absolute; 
    right:100px; 
} 

http://jsfiddle.net/AlienWebguy/TkQaU/6/

하면, 당신은 그것의 여백 오른쪽을 부여해야합니다 컨테이너의 왼쪽 여백을 보충하는 100px :

#topbar .content #welcome { 
    float:right; 
    margin-right:100px; 
} 

http://jsfiddle.net/AlienWebguy/TkQaU/4/

Answer 2

margin-left:100px은 오른쪽에있는 #container을 오른쪽으로 이동하여 오른쪽의 100 픽셀을 보이지 않게합니다. float:right을 설정하면 .welcome 요소가 오른쪽으로 이동합니다.이 요소는 보이지 않습니다.

이 문제를 해결하려면 .welcome 요소에 padding-right:100px을 추가하십시오.

바이올린이에 http://jsfiddle.net/TkQaU/3/