javascript - 如何将十字标记按钮完美地放置在窗口上

Question

我有一个关闭标记图像(十字标记按钮)来关闭弹出窗口。

<a href="javascript: window.close()"><img src="/" width="?" height="?" border="0" title="Click image to close this window"></a>

当我使用此代码时，十字按钮图像出现在行的开头，我如何将它放在行的末尾？？

请推荐

Answer 1

一种解决方案是将容器 block 设置为position:relative，然后将cross设置为position:absolute并修改top， bottom、left 或 right 将其放在您想要的位置。

HTML

<div class="container">
<a href="javascript: window.close()" class="cross-button"><img src="/" width="?" height="?" border="0" title="Click image to close this window"></a>
</div>

CSS

.container { position:relative; }
.cross-button { position:absolute; top:5px; left:5px; }