html - 如何在td的右上角添加div？

Question

我需要重构这个任务如何在表格单元格中添加三角形

我不需要背景 div。

    <td>
     <div style="position: relative;right: 0;top:0;">@Html.ImageContent("triangle_bonus.png", "")</div>
//@Html.DropDownListExtention
    </td>

Answer 1

尝试：

<td style="position: relative;">
<div style="position: absolute;right: 0;top:0;">@Html.ImageContent("triangle_bonus.png", "")</div>
</td>

---

如何将您的 html 更改为：

<td class="triangle">
<div>@Html.ImageContent("triangle_bonus.png", "")</div>
</td>

并将其添加到您的 html 头部：

<style>
td.triangle {position:relative}
td.triangle div {position:absolute; right:0; top:0;}
</style>

例如看这个：http: //jsfiddle.net/Juvcx/