位置:固定+浮动:右边，在哪里是div

Question

我还在学习HTML和CSS，也许这可能是一个愚蠢的错误或不是。

在我的HTML中，我有一个#welcomediv，但是当我设置float:right时，它消失了。

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

(Chrome或Firefox)

谢谢!

Answer 1

margin-left:100px将您的#container向右移动，导致右侧的100px不可见。当你设置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/