position: fixed + float: right, где находится div?

Question

Я все еще изучаю HTML и CSS, возможно, это может быть глупой ошибкой или нет.

Посмотрите в моем HTML, у меня есть #welcome div, но он исчез, когда я установил float: right.

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

(Chrome или Firefox)

Спасибо!

Answer 1

margin-left:100px сместил ваш #container вправо, в результате чего 100 пикселей правой стороны стали невидимыми.Когда вы устанавливаете float:right, элемент .welcome перемещается вправо - там, где он невидим.

Чтобы решить эту проблему, добавьте padding-right:100px к элементу .welcome.

Скрипка: http://jsfiddle.net/TkQaU/3/

Answer 2

Измените 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/