是否有可能使元素忽略位置:相对?

时间:2012-02-27 12:09:06

标签: jquery css position

只想知道是否可以使一个元素忽略任何包含position:relative。

的包装器

我正在使用jQuery创建元素,这些元素以绝对位置放置,无论用户如何放置元素,都需要工作。

我不能将它们放在BODY标签中,因为我需要将它们与输入字段一起放在包装器中。

有什么想法吗?

更新: 找到了解决方法。我正在使用jQuery .offset()获取文档的位置。 编辑了.position(),它获取了父元素中元素的位置。现在它可以工作

2 个答案:

答案 0 :(得分:0)

也许我错过了什么,但你可以监控resize事件,然后重新定位你的元素。 http://api.jquery.com/resize/

答案 1 :(得分:0)

虽然可以设置左侧和顶部属性,就好像没有位置一样:relative-parents和add让我们说类“body_pos”:

$(function() {
  $('.body_pos').each(function() {
    var offset = $(this).offset();
    $(this).css({
      left : '-='+offset.left,
      top : '-='+offset.top
    });
  });
});

示例:您已设置左:50px,元素位于左侧:文档中的100px,然后它将位于左侧:-50px。

只要它没有位于边距内,它应该给予所需的效果:0自动框,我猜想窗口会调整大小。