html如何设置相对于某元素的位置?

html-css012

html如何设置相对于某元素的位置?,第1张

可以设置absolute定位解决

absolute是相对其最近的一个祖先元素position不为默认值的定位。

所以此种情况可以将需要定位的元素放到第fixed元素的内部,并设置absolute定位,就可以通过top righ属性控制器相对fixed的位置了

有问题欢迎追问,追问请先关注我,否则不回复,谢谢

你用法没有错误,你错就错在斜杠上你应该用正斜杠(/)而不是用反斜杠(\).

在html里面引用外部image,或者html都是./这样写的。例如A,B是2个页面并且在同一个目录下。你要在B中点击时候跳转到A页面你就要这样写<a href="A.html" />

如果A在B的上级目录下你要在B中点击跳转到A你就要这样写了<a href="../A.html"/>,此时2个点就定位到了B的上级目录,也就是和A同一个目录了,这就是相对定位。

具体代码看下图

扩展资料:

比如html中想使用<img>标签来引入一个图片,那图片的引用src属性就涉及到一个路径问题。

相对路径指的是什么呢?指的就是相对于当前资源(当前资源现在指的就是html文件的位置)所在目录的位置。

1.比如一个文件夹叫hello

里面的文件一个叫demo.html

另一个叫2.jpg

则在demo.html中引用2.jpg文件时就可以直接写<img src="2.jpg" alt="这是一只大松树">,因为2.jpg现在相对于demo.html(当前资源)所在的目录hello,是直接在文件夹中的,所以正确。

2、当不在一个目录下时,怎么办?比如此时有了另一个文件夹world与hello文件夹并列,2.jpg此时位于world文件夹中,此时该如何引用呢?

答案:      ../可以返回上一级目录,需要返回几级目录就写几个../

此时可以写作<img src="../world/2.jpg">即可。

如图,position:relative 是在3个DIV原来各自位置的基础上进行移动的,也就是说和父元素没有直接的关系,仅仅相对于他们自身在文档中本该出现的位置进行移动。比如,设置了right:10px,就表示在原位置的基础上,向左移动10px,这时将超出父元素的外框。需要注意的是,relative是相对于自身,而不是相对于父元素。

另外,相对于父元素进行定位,是指在父元素设置为 relative ,子元素设置为 absolute 的情况下。如果父元素没设置为relative,而是默认的static,那么子元素的absolute就是相对于body进行定位,而不是父元素。