position定位

最新推荐文章于 2024-10-02 15:35:50 发布
最新推荐文章于 2024-10-02 15:35:50 发布
阅读量102 收藏
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jdsfui/article/details/104929263
版权

利用positon可以对dom对象进行定位，那么我们来一起认识试一下postion属性和属性值

1.static

默认值，无特殊定位，遵循HTML原则

2.absolute

绝对定位，将对象从文档流中脱离出来，使用let、right、top、buttom属性相对其最接近一个带有定位设置的父元素进行绝对定位；如果不存在这样的元素则根据html进行定位

3.relative

相对定位。相对于标签原来的位置进行定位，对依据left、right、top、buttom相对定位，在正常文档流中进行位置偏移

4.fixed

相对于浏览器定位，脱离文档流
注：包含块：带有position:relaticv设置的父元素

孤浪漂泊
关注
html之CSS设计（float定位和position定位详细分析）
Viewinfinitely的博客
05-01 1168
文章目录一、float浮动二、position定位 今天来谈谈网页设计中的float定位和position定位，这两个在网页排版中是必不可少的操作，当然float其实用得更多。 一、float浮动 1、文档流 指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。脱离文档流也就是不遵循普通的布局排版，采用自己设定的规则来排版。能够脱离文档流的两个方法是使用float和position中...
CSS属性 Position的几种定位方式
WangMin@汪末末
09-18 7079
作者:WangMin 格言:努力做好自己喜欢的每一件事 CSDN原创文章 博客地址 ???? WangMin 在讲几种定位方式之前，我们先来了解一下什么是普通流(normal flow)？ 除非专门指定，否则所有框都在普通流中定位。普通流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin计算得到。行内元素在一行中水平布置。 position 属性的作用 position 用于定位盒子对象，有时一个布局中几个小对象，不易用css paddin
Position定位
weixin_52032313的博客
03-02 1208
定位
前端 position定位
qq_44327851的博客
12-25 1200
绝对定位的元素的位置是相对于它最近的已定位祖先元素（定位属性值为除 "static" 以外的任何值），如果没有祖先元素是已定位的，则相对于文档的 body 元素。注意：当相对定位的元素发生偏移后，原先在这个元素下面的其他元素会被覆盖，但是从文档流的角度，相对定位的元素仍然在原来的位置上，因此，后面的元素不会根据它进行布局。当元素在滚动到特定位置时，它将根据设置的 "top", "right", "bottom", "left" 值进行定位，直到滚动到另一个设定的位置，然后保持其位置不变。
HTML5之position定位
weixin_40763897的博客
04-17 2981
position 属性规定元素的定位类型，定义建立元素布局所用的定位机制。任何元素都可以定位，绝对定位或固定定位元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 position一般分为三种：绝对定位absolute，固定定位fixed，相对定位relative、静态定位static（默认） 1、position：relative 相对定位 采用相...
WEB：position定位
weixin_50517811的博客
06-25 1103
position定位，相对定位relative、绝对定位absolute区别及示例
position定位总结
小嘟的博客
12-16 850
常见的position定位方式如下: 1.static 默认值。 （即没有定位）遵循正常的文档流对象。 2.fixed 生成绝对定位的元素，通常相对于浏览器窗口或 iframe 进行定位。 元素的位置相对于浏览器窗口是固定位置。 即使窗口是滚动的它也不会移动： 这就如一些页面上的侧边导航条一样，不管你的页面如何滚动，导航条的位置始终未有任何改变。 3.relative 生成相对定位的元素，相对定位元素的定位是相对其原本位置。其原本的位置不会被其他元素所占用，而absolute则不同，其原本
CSS中的Position定位
zmcizc的博客
10-17 1378
CSS中的Position用来规定对象定位类型的属性，Position中提供了几个定位机制，用来布局对象；任何类型的对象都可以用Position来定位；
html语言position,html中position定位
weixin_39878698的博客
05-31 1010
html中position有三个值：relative、absolute、fixed。首先说position:relative，相对定位，指的是元素本身定位。开启元素相对定位之后，1.元素不会脱离文档流；2.可以给元素设置top、bottom、left、right值；3.可以给元素提升一个层级；4.设置了相对定位元素，原来是内联元素现在还是内联元素，原来是块状元素，现在还是块状元素。例：有3个块状元...
总结CSS的position定位属性在使用的一些重点
12-13
关于CSS定位，有人很多时候都是随便用用，符合自己的要求就行。但是CSS中的position等属性确实有很多需要认真考究的地方。 1.position:staticstatic属性是position的默认值，也就是说，当一个元素没有为其设定...
css position 定位
01-19
如果下面的文字实在是无法理解透，那就记住这节课最后总结的一句话“如果用position来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute，因为它不受父级元素的...
CSS画出三角形的做法
mingangel的博客
10-01 378
在网页中，会有三角形的出现，我们脑海里会有很多想法，如何去实现他们，我来提供一种比较好玩的做法。
CSS-Day3
m0_74039531的博客
09-29 382
伪类的语法：selector:pseudo-class {property:value;}CSS类也可以使用伪类：selector.class:pseudo-class {property:value;}您可以使用 :first-child 伪类来选择父元素的第一个子元素。p:first-child { color:blue; }在下面的例子中，选择相匹配的所有<p>元素的第一个 <i> 元素：p > i:first-child { color:blue; }在下面的例子中，选择器匹配所有作
【CSS】position
最新发布
小秀的博客
10-02 318
特点：粘性元素根据滚动位置在相对（relative）和固定（fixed）之间切换。起先它会被相对定位，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。特点：不影响元素本身特性，元素不脱离文档流，相对于原位置进行偏移。特点：元素脱离文档流 ，块级元素由内容撑开宽高，清除子集浮动。参考物：距离最近的使用了定位的父级，没有时找body。position: static 静态定位（默认）参考物：根据用户的滚动位置进行定位。参考物：元素的初始位置。
CSS 中的@media print 是干什么用的？
读心悦
09-29 236
在这个查询块内，你可以设置各种样式，以确保打印输出的内容看起来整洁、专业，并且只包含必要的信息。例如，你可能还想隐藏某些不重要的元素，如广告、侧边栏或仅用于装饰的图片，同时增加标题和段落的字体大小，以及为页面添加页眉和页脚（但这次是在打印样式中自定义的，与网页上的不同）。这种做法通常很有用，因为网页的页眉和页脚可能包含导航链接、社交媒体图标、版权声明等对于在线浏览很有用的信息，但在打印版本中，这些信息可能并不必要，甚至可能占用宝贵的页面空间。元素都将被隐藏（即不显示在打印的页面上）。这是通过将这些元素的。
CSS中的font-variation-settings：探索字体的可变性
艾恩小灰灰的博客
09-30 447
可变字体允许字体文件包含一系列的设计轴（Design Axes），如宽度（Width）、倾斜度（Slant）、粗细（Weight）等。通过调整这些轴的值，可以实现从一种样式到另一种样式的平滑过渡，而无需加载多个独立的字体文件。为设计师提供了前所未有的灵活性，在保持页面加载性能的同时，能够创造出丰富多样的视觉效果。随着更多浏览器的支持和可变字体的普及，这一功能将在未来成为Web设计中的重要工具之一。
css的背景background属性
Citrus的博客
09-28 1178
background 是一个复合属性，它允许你一次性设置多个与背景相关的样式。background属性还可以设置不同的子属性。
position定位偏移
05-27
position定位偏移是指在CSS中使用position属性时，元素相对于其父元素或文档流中其他元素的位置偏移量。使用position属性可以将元素从文档流中脱离出来，并且可以通过设置top、right、bottom、left属性来实现元素的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值