div绝对定位是什么？
div绝对定位是一种CSS属性，可以对页面上的元素进行绝对定位，即相对于父元素进行定位，而不受到文档流的影响。通过设置left、right、top、bottom属性来控制元素的位置。
一、div绝对定位的基本使用
在CSS中，可以使用position属性来设置元素的定位方式，其中，absolute就是绝对定位。一般来说，需要对父元素设置position为relative，以便使用left/top属性进行定位。下面是一个基本的代码示例：
<div style="position:relative;">
<div style="position:absolute;left:100px;top:100px;">
<p>我在这里</p>
</div>
</div>
上述代码中，外层div的position属性设置为relative，而内层div的position属性设置为absolute，然后使用left和top属性来控制元素的位置。可以看到，内层div的位置相对于外层div而言，而不受到文档流的影响。
二、div绝对定位的优点
使用div绝对定位的好处在于，可以非常精确地控制元素的位置和大小，从而实现更加复杂的布局效果。比如，可以通过设置z-index属性来控制元素的堆叠顺序，从而实现遮罩等效果。
另外，div绝对定位还可以实现响应式布局。比如，在不同的屏幕尺寸下，可以通过媒体查询来改变元素的位置和大小，以适应不同的设备。
三、div绝对定位的缺点
使用div绝对定位也存在一些缺点。首先，由于元素进行了绝对定位，可能会出现重叠等问题，需要特别处理。其次，由于元素脱离了文档流，可能会影响到其他元素的布局。另外，过度使用div绝对定位会使代码变得复杂和混乱，不利于代码的维护。
四、div绝对定位的应用场景
div绝对定位适用于一些需要精确控制位置和大小的场景，比如弹出框、浮动层、轮播图等。下面是一个实现淡入淡出效果的代码示例：
<div id="slider">
<img src="img1.jpg">
<img src="img2.jpg">
...
</div>
<style>
#slider{position:relative;}
#slider img{position:absolute;left:0;top:0;display:none;}
#slider img:first-child{display:block;}
</style>
<script>
var num = 0;
var len = $('#slider img').length;
function slider(){
$('#slider img').eq(num).fadeIn(1000).siblings().fadeOut(1000);
num = (num == len-1) ? 0 : num+1;
}
setInterval(slider,3000);
</script>
上述代码中，通过将所有图片绝对定位，并使用z-index属性和display属性控制图片的显示和隐藏，从而实现了简单的淡入淡出效果。
五、div绝对定位的注意事项
1. 使用div绝对定位时，一定要注意父元素的position属性是否设置为relative，否则可能会导致元素无法定位。
2. 在进行绝对定位时，要特别注意元素的宽度和高度。如果没有正确设置，可能会导致元素显示不正常或无法定位。
3. 使用z-index属性时，要注意z-index必须设置在有position属性的元素上，同时z-index值越大，元素越靠上。
4. 对于使用div绝对定位的元素，一定要注意它们的定位和大小是否会影响到其他元素的布局。
5. 使用div绝对定位时，代码可读性较差，需要注意代码的全局结构，尽量避免使用嵌套过深等情况。