如何定位html元素

 时间:2024-10-14 11:01:32

1、首先,这里有一个div。里面是一个img,我们为了让它显眼些,给它一个边框。

如何定位html元素
如何定位html元素
如何定位html元素

2、如何让它移动到页面的某一位置呢?在这里我们用到了position属性。position属性用于定位元艾绱书虻素,它有5个值,分别是absolute、fixed、relative、static、inherit,注意,任何版本的IE都不支持inherit属性。

如何定位html元素
如何定位html元素
如何定位html元素

3、我们在这里要用到的是fixed属性,它可以把一个元素固定在页面的某个位置。left、right、bottom、top可以指定一个元素距离边框的位置,但是,如果没有position多唉捋胝:fixed;就是无效的,如图。

如何定位html元素
如何定位html元素

4、加上position:fixed;的效果如图所示。我们把图片变小之后再来看看。效果非常明显,图片被固定在页面的某个位置上。这样这张图片就彻底被固定在了右下角,即使页面移动也不会改变位置。

如何定位html元素
如何定位html元素
如何定位html元素
  • 电脑怎样长截图
  • 电脑如何截长图
  • 电脑如何长截图
  • clementine:[1]读取excel数据
  • 医用防护口罩BFE检测专用菌——金黄色葡萄球菌
  • 热门搜索
    八一建军节手抄报内容 手抄报花边边框 元宵节手抄报简单好看 过年手抄报简单又漂亮 手抄报图片大全漂亮 关于文学的手抄报 父亲节手抄报好画字少 普通话手抄报文字内容 诚信手抄报图片大全 迎国庆手抄报图片