css绝地定位 |css a标签属性

.parent {
position: relative;
}
.child {
position: absolute;
top: 50px;
left: 100px;
}

在上述代码中，.parent是父元素，它被设置为相对定位。.child是子元素，它被设置为绝对定位。top和left属性指定了.child相对于.parent的位置。

如果没有指定.parent的高度和宽度，.child可能会超出其父元素的边缘。解决这个问题的方法之一是为.parent设置高度和宽度。

.parent {
position: relative;
height: 400px;
width: 600px;
}
.child {
position: absolute;
top: 50px;
left: 100px;
}

上述代码中，.parent被设置了高度和宽度。这个简单的设置可以确保.child不会超出其父元素的边缘。

CSS绝对定位是前端开发中常用的技巧之一。但是需要小心使用，否则可能会造成网页布局上的问题。