返回为 0 的 div 的位置/偏移量

Question

这是我圈子的css

#balloon-circle {
    width: 150px;
    height: 150px;
    background: rgb(255,100,100);
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
    top:5px;
}

这里是javascript：

var bc = document.getElementById("balloon-circle");
var bctop = bc.offsetTop;
console.log(bctop);

我也试过了：

var bc = $("#balloon-circle");
var position = bc.position();
console.log(position.top);

但是，它们都返回 0 作为顶部位置值。

这是为什么？

Answer 1

您需要将您的位置设置为“相对”或“绝对”，然后才能使用顶部。

http://www.w3schools.com/css/css_positioning.asp

#balloon-circle {
    width: 150px;
    height: 150px;
    background: rgb(255,100,100);
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
    position: relative;
    top:5px;
}