例如,假设我有以下简单页面
<h3>Hi!</h3>
<img src="http://www.thehindu.com/multimedia/dynamic/01338/IN__GOOGLE__1338298f.jpg">
如果我添加了如下链接:
<a href="#">my link</a>
它将出现在图像的右下角。我使用什么CSS来使链接显示在页面的右上角而不影响页面的任何其他元素?
答案 0 :(得分:3)
如果您的意思是,在页面的右上角没有关注,则需要position: absolute
元素top: 0; right: 0;
。这会将它定位到DOM树中的第一个元素的右上角(向上移动),其中CSS position
不是static
- 通常最终会出现在body
上如果你没有做任何花哨的事。
如果你想让它跟随你的屏幕:position: fixed
与top: 0; right: 0;
。
答案 1 :(得分:0)
通过给它这种CSS样式来使用绝对定位:
position:absolute; top:0; right:0;
使用样式属性或使用某个选择器定位链接的外部样式表内联。
内联示例:
<a href="#" style="position:absolute; top:0; right:0;
">my link</a>