如何计算居中div的左侧空间

Question

我把div放在了我身边。现在我想计算左侧空白区域。如何通过jquery来实现。

我的标记

<main id="page_main" role="main">
    <div class="content">
    </div>
</main>

我的Css

#page_main
{
    width:100%;
}
.content
{
    width:960px;
    margin:0px auto;
}

现在我要计算屏幕的左侧空白区域。你能帮我怎么做吗？

Answer 1

您可以使用offset()返回相对于文档的元素坐标。它返回具有top和left属性的Object。 DEMO

$(window).on("resize", function () {
 var c = $(".content").offset().left;
  $('.content').text(c)
}).resize();