如何根据另一个'div'元素水平对齐'div'元素

时间:2013-09-24 12:44:49

标签: javascript jquery html css

我有两个'div'元素。当窗口(浏览器的窗口)调整大小时(包括拖动窗口的边框),第一个元素会动态地改变它的位置。另一个是静态的,不会移动。我不能将它们放在同一个div中,因为它们位于两个不同的文件中,这些文件与部分视图一起加载到同一页面中。

我知道您可能希望看到div本身以及应用于它们的样式,但如果我不理解它,那么我就不知道了解释。

我只是想知道是否有可能通过JavaScript或任何其他方式来获取现有'div'元素的位置(更具体地说是水平定位)并将其分配给另一个元素,因此每当我调整窗口大小时,第二个'div'根据另一个位置?

编辑:我非常确定我必须更改第二个'div'的'offsetLeft'属性,因为当我调整窗口大小时,这是第一个属性中动态变化的内容。

1 个答案:

答案 0 :(得分:1)

使用jQuery,您可以非常轻松地检索有关元素定位的各种信息。

这将是$.position()函数的一个很棒的jquery:

http://api.jquery.com/position/

小提琴:

http://jsfiddle.net/cQ4aX/1/