css3 父元素位置 |css长度超出自动隐藏

父元素{
position:relative;
}
子元素{
position:absolute;
top:20px;   
left:30px;
}

上述代码中，父元素设置了relative属性，子元素设置了absolute属性，并通过top和left属性分别设置了距离父元素顶部和左边的距离。

如果父元素不设置定位属性，则子元素的定位将以文档流为基准进行定位。

子元素{
position:absolute;
top:20px;   
left:30px;
}

上述代码中，子元素的父级元素没有设置定位属性，因此子元素的位置将以文档流为准。

除了相对定位和绝对定位，CSS3中还有固定定位和粘性定位等定位方式，都可以用于父元素的位置控制，具体可根据实际需求进行选择。