绝对不能正常工作

时间:2014-04-01 21:37:37

标签: html css

所以这是我的代码

<a href="#" style="float:left; position:absolute; left:0px; "><img src="http://s29.postimg.org/3lnt8f1s3    /32_facebook.png"></a>

并且这个位置显然是绝对的。但它并没有“坚持”到页面的一侧。有任何想法吗?这是一个演示http://jsbin.com/kelagezo/1/edit

3 个答案:

答案 0 :(得分:5)

听起来好像position: absoluteposition: fixed混淆。

固定定位会使元素滚动时保持原位。

答案 1 :(得分:3)

您需要使用

position:fixed 

而不是

position: absolute.

看到这个小提琴:http://jsfiddle.net/v3GyF/2/

当你在这里时,请尽量不要混合使用HTML和CSS。将它们分开是一个更好的政策。这称为关注点分离

答案 2 :(得分:-2)

它确实粘在左侧浏览器窗口边缘。在float:leftabsolute定位时,您不需要fixed