position：fixed + float：对，div在哪里？

Question

我还在研究HTML和CSS，也许这可能是一个愚蠢的错误。

看看我的HTML，我有#welcome div，但是当我设置float时它就消失了。对。

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/