如何添加HTML元素而不影响现有内容的位置?
例如,假设我有下面的简单页面如何添加HTML元素而不影响现有内容的位置?,html,css,Html,Css,例如,假设我有下面的简单页面 <h3>Hi!</h3> <img src="http://www.thehindu.com/multimedia/dynamic/01338/IN__GOOGLE__1338298f.jpg"> 你好! 如果我添加了如下链接: <a href="#">my link</a> 它将出现在图像的右下角。我使用什么样的CSS使链接显示在页面的右上角,而不影响页面的任何其他元素?使用绝对定位,赋予它以下
<h3>Hi!</h3>
<img src="http://www.thehindu.com/multimedia/dynamic/01338/IN__GOOGLE__1338298f.jpg">
你好!
如果我添加了如下链接:
<a href="#">my link</a>
它将出现在图像的右下角。我使用什么样的CSS使链接显示在页面的右上角,而不影响页面的任何其他元素?使用绝对定位,赋予它以下CSS样式:
position:absolute; top:0; right:0;
通过使用样式属性内联,或在外部样式表中使用某些选择器以链接为目标
内联示例:
<a href="#" style="position:absolute; top:0; right:0;
">my link</a>
如果您的意思是,页面的右上角,而不使其跟随,则需要
位置:绝对位于元素的顶部:0;右:0代码>。这将把它定位到DOM树中第一个元素的右上角(向上移动),该元素具有一个CSS位置
,该位置不是静态的
——如果您没有做任何有趣的事情,通常会在主体
上结束
如果你想让它跟随你的屏幕:position:fixed
withtop:0;右:0代码>