CSS 相对绝对位置

Question

我只有一个包含两个 div 元素的容器 div 元素，这两个 div 元素应该出现在容器 div 两侧的同一层级。以下解决方案不起作用:

<div id="result" >
    <div class="right">Update</div>
    <div class="left">delete</div>
</div>

样式表如下:

div.left{
position:absolute;
left: 5px;
top:0px;
color: green;
border-style:solid;
border-color: green;
}
div.right{
position:absolute;
right: 2px;
top:0px;
color: red;
border-style:solid;
border-color: red;
}
#result{
position:relative;
width:100%;
border-style:solid;
border-color: blue;
}

container-div 的蓝色边距不包含其他两个 div，而是出现在其他两个容器的顶部。

我错过了什么？谢谢!

Answer 1

理想情况下，.left 和 .right div 应该是 floated :

div.left{
    float: left;
    margin: 5px;
    color: green;
    border-style:solid;
    border-color: green;
}

div.right{
    float: right;
    margin: 5px;
    color: red;
    border-style:solid;
    border-color: red;
}