定位：固定不固定？答案

【问题标题】：Position: Fixed isn't fixed?定位：固定不固定？
【发布时间】：2013-04-04 05:44:12
【问题描述】：

我试图让我的 facebook like 按钮停留在左上角，当用户向下滚动时，它会跟随他们...我的代码有什么问题？它显示，但当我向下滚动时，它不会随滚动而移动。在最新版本的 safari 和 firefox 上进行了本地测试。请帮忙！

 topleft{
   position: fixed;
   top: 0;
   left: 0;
 }

<top> FACEBOOK "LIKE BUTTON" IFRAME CODE HERE </top>

【问题讨论】：

【解决方案1】：

您没有正确选择喜欢的按钮。您需要为 css 选择添加一个类属性。

试试类似的东西

<div class="facebook">FACEBOOK IFRAME</div>

注意“.facebook”而不仅仅是“facebook”。

.facebook {
   position: fixed;
   top: 0;
   left: 0;
}

【讨论】：

谢谢，我实际上想在此之后制作一个 div。我对编码很陌生 =X 我目前在... } #topleft{ position: fixed; margin-top: 5px; margin-left: 160px; } 但是当我将浏览器窗口水平缩小时它滚动页面的主要内容。我如何水平锁定它但允许垂直“固定”位置？
您可以通过将 facebook iframe 添加到页面的主要内容来完成此操作。然后，您只需要修复 top:0 并为 margin-left 属性赋予 facebook iframe 宽度 + 主要内容宽度的值。这是一个简单的例子：jsfiddle.net/3EyXE/2

【解决方案2】：

HTML 中没有 top 标记。

CSS 类名选择器前面应该有一个.（句点）。

 topleft{
   position: fixed;
   top: 0;
   left: 0;
 }

应该是

.topleft{
   position: fixed;
   top: 0;
   left: 0;
 }

将您创建的样式分配给 iframe 应该可以工作。

 <iframe class="topleft" ...>
    ...
 </iframe>

【讨论】：

【解决方案3】：

这个问题可能是

左上角类

.topleft{
position: fixed;
top: 0;
left: 0;
}

对于左上角的 id

#topleft{
position: fixed;
top: 0;
left: 0;
}

否则它应该可以工作。

【讨论】：