相对路径和绝对路径,在html中的运用

相对路径和绝对路径,在html中的运用,第1张

以当前的目录为出发点、访问其它目录时所用到的路径就是相对路径(相对于当前目录)

\abc\123txt

表示

当前目录的上一级目录的子目录abc下的文件123txt

以根目录为出发点、访问其它目录时所用到的路径就是绝对路径

\abc\123txt

表示

根目录下的子目录abc下的文件123txt

如果父级没有设定position属性,

那么当前的absolute则以浏览器左上角为原始点进行定位,

如果设置了父级的position属性为relative相对定位,

那么默认依据父级的坐标原始点为原始点,即父级容器的左上角。

配合TOP、RIGHT、BOTTOM、LEFT进行定位的例子:

<div style="position:relative; height:100px; width:100px; background:#000;">

<div style="position:absolute; top:10px; left:10px; height:10px; width:10px; background:gray;"></div>

<div style="position:absolute; bottom:-10px; right:-10px; height:10px; width:10px; background:blue;"></div>

</div>

以上就是关于相对路径和绝对路径,在html中的运用全部的内容,包括:相对路径和绝对路径,在html中的运用、html怎么设置相对定位的参考点、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10145873.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存