javascript - 水平重叠两个 DIVS

Question

您好，我在一个表格单元格中有两个 div(制作时间轴)，我需要它们重叠而不是相互重叠。

单元格内所有 DIV 的位置属性必须保持相同(因为我使用了拖放 JQUERY 插件)

Link to Fiddle

Link to Updated Fiddle

       <tr style="border:1px; height:30px;">
        <td style="border:1px solid black; position:static">
            <div  style="margin-left:0;width:50px;display:inline;position:relative">
                <div style="background-color: green; position:absolute">
                    Div1
                </div>
            </div>
            <div style="margin-left:0px;width:20px;display: inline; position:relative">
                <div style="background-color: red; position:absolute">
                Div2
                </div>
            </div>
        </td>
        <td>
        </td>
    </tr>

我需要两个 DIV 都从单元格的边缘开始。

谢谢

Answer 1

据我所知，您只需要按下红色 <div>下一点。因为你已经绝对定位了它，所以很容易用 top 完成。 :

<div style="background-color: red; position:absolute; top:10px;">

检查 this update在你的 jsFiddle 上