position的四个属性以及之间的区别

最新推荐文章于 2024-03-12 11:12:40 发布

zhener09

最新推荐文章于 2024-03-12 11:12:40 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/sinat_41747081/article/details/88541644

版权

postion具有四个属性分别是static(默认的）、absolute、relative、fixed

它们之前的区别是：

position:fixed是相对于浏览器窗口定位的，不会随着滚动条滚动而滚动；

position:absolute是基于不为static的父元素进行定位的，脱离了标准流；

position:relative是基于自身定位，没有脱离标准流，仍然占据空间；

position：static没有定位，是默认值；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhener09

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

position有哪些属性和区别

前端云松导师

10-30

446

正常的的布局行为，即元素在文档常规流中的当前布局位置。此时top，right，bottom，left和z-index属性无效。

Position属性四个取值用法和区别

ancartoon的博客

12-14

1977

Position属性四个取值用法和区别在初学css的过程中常常会碰到设置定位的问题，大多数初学者都是大概明白，如果不好好弄清楚将会给以后的开发带来困难，经过本小菜对其他文章的浏览，自我总结如下：目录 Position属性四个取值用法和区别目录 -static -relative -absolute -fixed -relative和absolute的区别 -z-index属性 ·Position属性有以下四个取值： static:静态定位，是position属性的默认值，表示无论怎么设置top、b

参与评论您还未登录，请先登录后发表或查看评论

position三大属性的区别

weixin_42458464的博客

03-23

1061

html中position定位三大属性使用区别首先我们要知道position三大属性分别是：static、relative、absolute 下面我们用一个简单的实例来更直观的体会他们各自的作用: 创建一个简单的html文件 <!DOCTYPE html> <html> <head> <title>html中position三大属性区别</...

CSS:position属性的区别

yivisir的博客

07-18

1172

CSS中position属性的区别 static 即没有定位，遵循正常的文档流对象，会忽略top,left,bottom,right的作用； fixed 相对于浏览器可视区固定位置；脱离文档流，不占据空间 relative 相对于其正常位置定位；原本占据的空间不会移动；常用来作为绝对定位元素的容器； absolute 相对于最近的已定位的父级元素，如果没有，则相对于html元素；脱离文档流，不占据空间 sticky 基于用户的滚动位置来定位，在position和fixed之间

postion属性

weixin_30786617的博客

09-27

179

1： static 静态定位，是默认值，当代码使用top,left.等，无效 2： absolute 绝对定位，相对于父元素进行定位，元素通过top,right,left等进行定位 3： fixed 固定定位，相对于浏览器进行定位 4： relative 相对定位，元素通过top,left 等与它之前的正常进行定位 5： sticky 该元素并不脱离文档流。当元...

position的区别

gswwxyhk的博客

04-24

408

position 引自：https://www.jianshu.com/p/a116022c6c99 文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。 position属性值:static、relative、absolute、fixed inherit、initial、sticky relative定位，又称为相对定位，遵循正常的文档流，它没有脱离...

对CSS中的Position、Float属性的一些深入探讨

12-13

本文将深入探讨这两个属性的使用方法、影响以及它们之间的交互。首先，我们需要理解HTML布局的基本要点，尤其是盒子模型和普通流。盒子模型定义了元素的尺寸，包括内容区域、边距、边框和填充，这直接影响了元素在...

css中的position属性

Yous的博客

06-03

3162

关于position属性几个值的含义

position的四个属性

qq_41539074的博客

07-10

1448

static(静态定位）： position属性的默认值，没有定位，元素出现在正常流中（忽略top、bottom、left、right或者z-index声明） relative（相对定位）：生成相对定位的元素，相对于父级左上角为原点进行定位，但是父级的padding属性会对其有影响，top值为相对于它自身原来的位置向下移动，bottom为相对于他原来的位置向上移动，两者同时存在时，只有top起...

css的postion属性

weixin_33950035的博客

03-30

152

为什么80%的码农都做不了架构师？>>> ...

转 style.position的使用简介

喜欢编程の小匣子

04-06

306

style.position的使用简介 [转贴 2007-01-26 10:04:18] 转自 http://haofengrushui.blog.hexun.com/7516369_d.html position版本：CSS2　兼容性：IE4+ NS4+　继承性：无语法： position : static | absolute | fixed | relative ...

postion属性介绍

leng1999的博客

04-04

3913

absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative 生成相对定位的元素...

CSS中postion属性

qq_45826866的博客

12-07

1950

CSS中postion:属性值relative、absolute、fixed

position定位几种常用的属性区分

t111t的专栏

04-19

2442

position定位有一个默认的属性值：static。但是它常用的属性还是以下3个：relative、fixed、absolute。 relative：如果仅仅是像这样：position:relative; 那么它的表现是和static一样的。需要加top、right、bottom、left来使其偏离正常位置。注意：relative不会使元素脱离文档流，也就是其他的元素不会调整位置来弥补它偏

CSS里Postion几个取值relative、absolute、static、fixed的区别和用法

weixin_34279061的博客

07-04

1024

---恢复内容开始--- static:静态定位，也是postion的默认值，没有定位，元素出现在正常的流中，忽略top\bottom\left\right或者z-index声明。 relative:相对定位，生成相对定位的元素，通过top\bottom\left\right的设置相对于其自身的位置进行定位。可以通过z-index进行层级分级。 absolute:绝对定位，生成绝对定位的元素...

css postion属性详解及用法

从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！

11-25

9770

前言：css是前端的必要及能之一，今天总结一下css中postion属性。 1.postion是什么及取值； position属性用来指定一个元素在网页上的位置，一共有5种定位方式，即position属性主要有五个值。 static（默认） relative（相对定位） fixed（固定定位） absolute（绝对定位） sticky（动态效果） 2.使用方法及场景 1.stat...

CSS中position的属性有哪些，区别是什么