css - 将一个 置于另一个 之上

Question

这是我的代码:

<asp:Repeater ID="DataViewer" runat="server">
<ItemTemplate>

<div style='border: 0px; width:600px;overflow-x: auto; overflow-y: hidden;'>
    <div style='float:left;'><%# Eval("DriverId") %>&nbsp;&nbsp;&nbsp;&nbsp;</div>
    <div style='border: 3px solid black; float:left; height: 50px;'>
        <div style='border: 0px; float:left; height: 50px; width:<%# Eval("OrderCount") %>cm;'><%# Eval("OrderCount") %></div>
        <div style='position:relative; border: 0px; float:right; height: 50px; width:<%# Eval("OrderCountWhereNameIsNotNull") %>cm; background-color: red;'><%# Eval("OrderCountWhereNameIsNotNull") %></div>
    </div>
</div>
<BR/>

</ItemTemplate>

我需要将它们放在另一个之上，而不是将 div 一个一个地放在另一个上面:附上图片

Answer 1

这里是 preview

<div style='border: 0px; width:600px;overflow-x: auto; overflow-y: hidden;'>
    <div style='float:left;'>&nbsp;&nbsp;&nbsp;&nbsp;</div>
    <div style='border: 3px solid black; float:left; height: 50px;'>
        <div style='border: 0px; float:left; height: 50px; width:150px'>
            <div style='float: right; border: 0px; height: 50px; width: 50px; background-color: red;'></div>
        </div>
    </div>
</div>