在网页中加入一张图片，然后用CSS语法指定它显示在网页的某个位置

发布网友发布时间：2022-04-21 03:28

共3个回答

热心网友时间：2022-04-21 04:58

关于定位，一般都会用到position属性，设置的值有：相对定位relative,绝对定位absolute,以及固定定位fixed（即使有滚动条，也始终保持在一个位置）；
设置relative属性可以让元素偏移原本位置的XX距离。
absolute则是偏移其有relative属性或者fixed属性的父元素XX距离，没有则相对于窗口偏移。
例子1:
<div style="position:relative">
<img style="positon:absolute;left:20px;top:20px;" src="图片地址" />

</div>
这样图片就可以相对于，父元素div左偏移20px ,顶部偏移20px;如果div没有relative属性，则相对窗口（body）偏移20px.

热心网友时间：2022-04-21 06:16

你在<img class="img" src="图片"> 然后.img{
position:absolute;
top:100px;
left:100px;
} 其中top和left就是图片到网页顶部和左边的距离，可以自己定义

热心网友时间：2022-04-21 07:50

<img style="position:absolute; top:100px; left:100px; "/>

就这么简单