html - 定位：固定不固定？

Question

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

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

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

Answer 1

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

尝试类似的东西

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

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

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

Answer 2

HTML 中没有top标签。

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

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

应该

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

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

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

JSFiddle

Answer 3

这个问题可能是

对于左上角类

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

对于左上角的 id

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

否则它应该工作。