分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

HTML中position的五种属性

发布时间:2023-09-06 02:16责任编辑:彭小芳关键词:HTML

一、默认定位static: 
position的默认值,一般不设置position属性时,会按照正常的文档流进行排列。

二、相对定位relative: 
1、relative 就是相对元素static定位时的位置进行偏移,如果不指定top,right,bottom,left的值,其位置是没有变化的。 
2、即使进行了偏移,其占据的位置是不变的。(就是所说的不脱离文档流) 

三、固定定位absolute:

  • 固定定位是相对离它最近带有定位(relative,absolute,fixed)的父元素(或祖先元素 )而偏移的,如果没有则是相对于整个文档
  • 脱离文档流
  • 使内联元素支持宽高

四、固定定位fixed:

fixed是特殊的absolute,即fixed总是以body为定位对象的,按照浏览器的窗口进行定位。

五、继承定位inherit : 
inherit呢, 就是从父元素继承 position 属性的值。

HTML中position的五种属性

原文地址:https://www.cnblogs.com/luoyiling/p/9716096.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved