在一个元素上定位绝对和相对？ [关闭]

Question

我想相对于它的父 div 定位一个 div 并给这个 div 一个位置：relative;以便它的子元素定位到该元素。

我自己没有测试过，但这可能吗？最好的方法是什么？

Answer 1

是的，这是可能的。

创建你的第一个 div position:relative 和接下来的 2 个 div position:absolute

FIDDLE

<div class="one">
    <div class="two">
        <div class="three">    
        </div>
    </div>
</div>

css

.one
{
    position:relative;
    width: 200px;
    height: 200px;
    background: yellow;
}
.two
{
    position:absolute;
    top:20px;
    left:20px;
    width: 100px;
    height: 100px;
    background: pink;
}
.three
{
    position:absolute;
    top:20px;
    left:20px;
    width: 50px;
    height: 50px;
    background: brown;
}