CSS中的position属性

最新推荐文章于 2024-06-28 07:35:09 发布
最新推荐文章于 2024-06-28 07:35:09 发布
阅读量211 收藏
点赞数
分类专栏： css样式 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liukai6/article/details/80891221
版权
前端 同时被 3 个专栏收录
101 篇文章 1 订阅
订阅专栏
css样式
31 篇文章 1 订阅
订阅专栏
css
27 篇文章 0 订阅
订阅专栏

absolute

生成的为绝对定位的元素,相对static定位以外的第一个父元素进行定位.
元素的位置通过left,top,right,bottom的属性来进行规定

fixed

同样是生成绝对定位的元素,相对于浏览器窗口进行定位.
元素位置通过left,top,right,bottom来实现定位

relative

生成相对定位的元素,相对于正常位置进行定位

static

默认值,没有定位.元素出现在正常的流中

inherit

规定从父级元素继承position的值

liukai6
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css中的position属性
Yous的博客
06-03 3122
关于position属性几个值的含义
CSS之position属性
西风的专栏
07-28 187
1. HTML中的三种布局方式 标准流 顺序布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>标准流</title> <style type="text/css"> .test { width: 100px;
详解CSS position属性
weixin_30446613的博客
11-15 120
position是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。postion也是初学者容易搞不清楚状况的一个属性，本文将从最基础的知识讲起，谈谈关于positon属性的一些理论与应用。 基础知识 postion属性我们成为定位，它有4个不同类型的定位，这些类型会影响元素的生成方式，下面我们详细说明position属性。 ...
position属性详解
最新发布
2301_78986604的博客
06-28 1004
CSS 中的属性用来设置元素在页面中的位置，通过该属性您可以把任何属性放置在任何您认为合适的位置。
css的position属性
lw_beauty的博客
05-13 333
常见的布局方式：（1）标准流（默认的、顺序布局）（2）定位（3）浮动  1. 标准流：（1）块级元素：    标签：div 、h1-h6、p、table、有序无序列表等。    特点： 独占一行（2）内联元素：    标签： a   span  img  input  等    特点：在网页上占同一行。空间不够才去下一行  2. position 定位属性（通过改变正常的标准流，迫使元素脱离标准流...
css position属性
小牧在一直在学习,在前进的道路上大家一起学习，进步。
04-29 905
position 属性规定元素的定位类型。 主要属性有:static,fixed,relative,absolute ,下面一一来说明下 static:默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 <!DOCTYPE html> <html> <head> <m...
图解CSS中position属性的定位用法
12-13
其中，CSS position 属性可以取5种值：position: absoluteposition: relativeposition: fixedposition: staticposition: inheritstatic 是 position 默认的属性值。任何应用了 position:static 的元素都处于常规文档...
深入理解css中position属性及z-index属性(推荐)
01-19
在网页设计中，position属性的使用是非常重要的。有时如果不能认识清楚这个属性，将会给我们带来很多意想不到的困难。 position属性共有四种不同的定位方法，分别是static、fixed、relative、absolute。最后将会介绍...
CSS中position属性之fixed实现div居中
09-03
在CSS布局中，`position`属性是一个至关重要的概念，它决定了元素如何在页面上定位。`position`属性有多个值，如`static`、`relative`、`absolute`和`fixed`，每种都有其特定的用途。在这个场景中，我们主要关注的是...
css中position属性使用详解
09-25
positon有4个属性:static relative absolute fixed，我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么...
详解CSS中position属性介绍(新增sticky)
09-22
在CSS布局中，`position`属性是一个至关重要的概念，它决定了元素在页面上的定位方式。本文将详细解析CSS中的`position`属性，并特别关注CSS3新增的`sticky`值。 首先，`position`属性的基本用法是设定元素的定位...
CSS 中 position属性介绍
11-08 2165
CSS 中 position属性介绍
CSS 中 position 属性详解
pipiyuanyuan的博客
06-25 1123
HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动Fixed定位使元素的位置与文档流无关，因此不占据空间。Fixed定位的元素可以和其他元素重叠。相对定位元素的定位是相对其正常位置。 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于:sticky 英
css的属性position
感恩、奋进、自信
10-11 343
css的属性position规定元素的定位类型，任何元素都可以定位，对于absolute和fixed定位的元素会生成一个块级框，而不论本身是什么类型。相对定位元素会相对于他在正常流中的默认位置偏移。 position可能的值： 1、absolute：生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位，定位位置通过top，bottom，left，right规定 2、fixed
CSS中position属性详解
分享--------留住生活
08-22 300
CSS中的position属性主要是用来对一个元素进行定位的，包含四个常用的属性值：static、absolute、relative、fixed。 1.static 默认值，即没有定位，遵循正常的文档流对象。设置了static值之后，在设置top、left、right、bottom、z-index都不起作用。 2.absolute 绝对定位，相对于最近的已定位父元素，如果元素没有已定位的父...
CSS属性position
songshuguowang的专栏
01-30 365
position属性，用得好了，还真是个布局神器，属性描述不难看懂，但真的做到活用，有难度 值 描述 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览...
CSS中position属性总结
烦躁嗑瓜子的博客
04-19 690
如果我的文章看不懂，不要犹豫，请直接看阮一峰大佬写的文章。
前端笔记——CSS定位（Position）属性详解！
qq_38211205的博客
02-29 1318
今天我们来谈谈什么CSS定位属性（ Position）？ 在了解之前，需要知道CSS的定位机制：它们分别有： 普通流、浮动流、定位流。 1、普通：上下排列的布局（注：大部分情况） 2、浮动：左右排列的布局（注：大部分情况） 3、定位：层叠（叠加）排列的布局 （注：大部分情况） 而在CSS中，定位属性（position）又分别有：如下几种： 1. position：static ; （默认值，没...
css中position属性有几种取值
05-27
CSS中的position属性有四种取值，分别是： 1. static：默认值，元素会按照正常文档流进行排列。 2. relative：相对定位，元素的位置相对于它在正常文档流中的位置进行偏移。偏移量由top、right、bottom和left属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值