css中相对父元素定位 |css3 select表单

/* 以父元素作为定位的参照点 */
div.container{
position: relative;
}
/* 子元素的定位方式 */
div.container div.box{
position: absolute;
top: 10px;
left: 10px;
}

在上面的代码中，div.container是父元素，它被设置成了relative的定位方式，使得其内部的子元素都可以以它为参照点进行定位。而div.box则是子元素，它被设置成了absolute的定位方式，并且使用了top和left属性来确定它相对于父元素的偏移量，即向上和向左各偏移10px。

还有一种相对父元素定位的方式是使用margin属性来控制元素的位置，例如：

div.container div.box{
margin-top: 10px;
margin-left: 10px;
}

通过设置margin属性，可以使得子元素相对于父元素的上方和左边各偏移10px。这种定位方式相对简单，但是不够精确，而且margin属性可能会影响周围的元素布局。

总之，相对父元素定位是CSS中一种重要的定位方式，它可以让大家更精确地控制页面中元素的位置，实现更复杂的页面布局效果。