位置：固定+浮动：对，div在哪里？

【问题标题】：position:fixed + float:right, where is the div?位置：固定+浮动：对，div在哪里？
【发布时间】：2011-10-14 17:29:35
【问题描述】：

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

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

（Chrome 或 Firefox）

谢谢！

【问题讨论】：

【解决方案1】：

margin-left:100px 将您的#container 向右移动，导致右侧 100 像素不可见。当您设置 float:right 时，.welcome 元素会向右移动 - 它是不可见的。

要解决此问题，请将padding-right:100px 添加到.welcome 元素。

【讨论】：

【解决方案2】：

把float:right;改成这样：

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

如果你想保持浮动，你需要给它一个 100px 的 margin-right 来弥补容器的 margin-left：

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

【讨论】：