我只有一個容器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，并且出現在其他兩個容器的頂部。

我錯過了什么？謝謝！

理想情況下。向左拐。右div將被浮動:

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;
}

你放了基本不需要的位置。 見下面回答

html在這里

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

css在這里

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

}

活生生的例子在這里。 http://codepen.io/anon/pen/waKrH

你可以嘗試的是浮動:把你想放在一起的兩個元素都放在左邊，這應該會推動它們，看看是否可行，然后告訴我。

你想拉這把小提琴嗎？

更好的辦法是把絕對變為相對，加上浮動。 如果你使用浮動，不要忘記添加溢出:隱藏；添加到父容器。