位置:固定的不是固定的？

Question

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

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

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

Answer 1

您没有正确选择您的点赞按钮。您需要为css选择添加一个class属性。

试试像这样的东西

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

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

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

Answer 2

超文本标记语言中没有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类

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

对于topleft id

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

否则，它应该可以工作。