如何在不影响现有内容位置的情况下添加HTML元素?

时间:2014-07-10 23:09:04

标签: html css css3

例如,假设我有以下简单页面

<h3>Hi!</h3>
<img src="http://www.thehindu.com/multimedia/dynamic/01338/IN__GOOGLE__1338298f.jpg">

如果我添加了如下链接:

<a href="#">my link</a>

它将出现在图像的右下角。我使用什么CSS来使链接显示在页面的右上角而不影响页面的任何其他元素?

2 个答案:

答案 0 :(得分:3)

如果您的意思是,在页面的右上角没有关注,则需要position: absolute元素top: 0; right: 0;。这会将它定位到DOM树中的第一个元素的右上角(向上移动),其中CSS position不是static - 通常最终会出现在body上如果你没有做任何花哨的事。

如果你想让它跟随你的屏幕:position: fixedtop: 0; right: 0;

答案 1 :(得分:0)

通过给它这种CSS样式来使用绝对定位:

position:absolute; top:0; right:0;

使用样式属性或使用某个选择器定位链接的外部样式表内联。

内联示例:

<a href="#" style="position:absolute; top:0; right:0;
">my link</a>