在开发jquery时候经常需要用到定位,有相对父元素定位和相对文档定位，本文为此总结下，有需要的朋友可以参考下

jQuery中不仅可以使用选择器就行绝对定位，而且还可以进行相对定位，只要在$()中指定第二个参数，第二个参数就是相对的元素。第二个参数传递一个jQuery对象，则相对于这个对象为基准进行相对的选择。

align:左右对齐;vlign:垂直对齐;xleft:水平补给值;xleft:垂直补给值;adjust:是否相对窗口自动调整;rwindow:定位相对于窗口(align&vlign为center时垂直或水平居中)

通过绝对定位（position:absolute）配合父容器相对定位，可精准控制多张图片的层叠关系，实现前景图覆盖背景图的效果。

通过定位（position:absolute）与容器包裹，可精准实现前景图叠加于背景图之上的效果，关键在于父容器设为relative、子图设为absolute并合理控制层级与偏移。

通过定位（position:absolute）和容器包裹，可精准实现图片层叠效果，关键在于父容器设为relative，子元素设为absolute并配合偏移控制层级与位置。

本文介绍一种更简洁、可维护性更强的方案：用语义正确的替代多选checkbox，并结合CSS类控制关联表单区域的显示/隐藏，避免jQuery频繁操作DOM和ID绑定带来的冗余与隐患。

通过设置文本元素相对定位，利用::after伪元素创建下划线并默认缩放为0；2.hover时通过transform:scaleX(1)使下划线从左向右展开，结合transition实现渐变动画；3.可使用linear-gradient设置渐变色下划线，增强视觉效果。该方法流畅且不引发布局抖动，关键在于transform...

相对定位元素偏移后仍占原文档流空间，导致布局错位；应优先用transform替代top/left，或用负margin补偿、absolute+relative嵌套来消除占位影响。

下拉菜单点击后立即关闭，根本原因是默认跳转行为触发页面刷新，导致状态重置；只需将链接替换为无跳转的并为父容器添加position:relative即可彻底解决。

下拉菜单点击后瞬间展开又关闭，根本原因是默认跳转行为触发页面重载，导致状态丢失；同时父容器缺少position:relative致使绝对定位的菜单脱离预期布局流。

可通过五种方法扩大HTML5按钮可点击区域：一、增加padding至至少16px24px并确保4444px最小触摸尺寸；二、用position:relative+::after伪元素扩展覆盖层并设pointer-events:auto；三、用父容器包裹按钮并委托点击事件；四、用transform:scale()放大.....