将<div>放在另一个<div> </div> </div>上

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放在另一个besdies上，我需要将它们放在另一个上面：附加图像

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>