关于CSS的定位问题

最新推荐文章于 2022-11-28 19:55:53 发布
最新推荐文章于 2022-11-28 19:55:53 发布
阅读量339 收藏
点赞数
分类专栏： CSS 文章标签： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Pteromys/article/details/54584995
版权

CSS主要的四种定位模式

1.普通流：块级元素从上至下排列，个人理解为默认static

2.相对定位：元素相对于该元素本来应该存在的位置进行偏移，元素仍然保持其定位前的形状，原本占据的空间会保留，并且会覆盖其他元素

3.绝对定位：元素相对于祖先元素或者初始块进行偏移，会覆盖其他元素，使用z-index来控制元素的叠放次序，值越高显示越靠前

4.固定定位：元素在视口中进行绝对定位，并且不会因为页面的滚动改变位置

Pteromys
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端css定位.pdf
07-28
本人整理的css定位
CSS---------定位
最新发布
Agont_的博客
07-18 713
CSS定位
css中定位问题处理
m0_67656219的博客
10-15 257
元素在网页上的位置布局
CSS中的四种定位方式
热门推荐
m0_71074684的博客
07-11 1万+
CSS中的四种定位方式
css简易的进度条
qq_45723045的博客
10-22 800
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <metahttp-eq...
CSS定位知识整理
qq_56532050的博客
11-28 248
absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于上一个设置了定位的父级元素来进行定位，如果找不到，则相对于body元素进行定位。absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于上一个设置了定位的父级元素来进行定位，如果找不到，则相对于body元素进行定位。fixed 生成固定定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于浏览器窗口进行定位。
有关于css定位基础.txt
11-08
有关于css定位基础.txt
关于CSS中关于定位的总结
01-08
CSS中定位有四种在不同的场景下有不同的作用下面我就大体的介绍一下这四种定位. static静态定位:应用的场景不多,这里不做介绍 下面主要介绍一下其他三种常见的定位 1.position:relative相对定位:顾名思义,相对定位...
CSS定位.pdf
04-12
css有几种定位方式,分别是如何实现定位的
详解css 定位与定位应用
12-01
在CSS中关于定位的内容是：position:relative | absolute | static | fixed static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。relative 不脱离文档流，参考自身静态位置通过 top,bottom,...
Css的4种定位
m0_62648436的博客
04-02 3347
css定位
css相对定位、绝对定位、粘性定位、固定定位、默认定位特点
qq_45753147的博客
03-06 455
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>定..
CSS的几种定位方式
liu0513916的博客
10-10 1万+
CSS 为定位提供了一些属性，利用这些属性，可以建立列式布局。 css定位的几种方式： 1、static（静态定位）： 默认值。没有定位，当我们没有指定定位方式的时候，这时默认的定位方式就是static，也就是按照文档的书写布局自动分配在一个合适的地方，这种定位方式用margin来改变位置，对left、top、z-index等设置值无效，这种定位不脱离文档流； 2、relative（相对定位）： 定位为relative的元素脱离正常的文档流，但其在文档流中的位置依然存在，只是视觉上相对原来的位置有
定位
Botton's blog
07-15 479
为什么需要定位 1.某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子 2.当我们滚动窗口的时候，盒子是固定在屏幕某个位置的 以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。 所以： 1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 定位组成 定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移。 定
关于CSS的定位问题，你需要注意的一些坑
喵咪不爱吃鱼的博客
11-24 2699
css中的定位类型一览 position这个css属性允许我们指定元素的定位类型。css定位选项 static是此属性的默认值。这时候，我们称那个元素没有被定位。为了定位它，我们需要改变预定义的类型。 为了改变预定义类型，我们将position的属性值设置为下面中的一个：relative absolute fixed sticky 只有设置了之后，我们才能使用offset参数来为我们的元
关于css中的定位问题
qq_40688398的博客
03-01 426
多层嵌套div：外层加相对定位，次外层加绝对定位，那么最里面的一层会不会跟着次外层div的定位而移动呢?。（position问题） 给定父div相对定位、次子div绝对、子div相对定位。 结果发现子div以次子div为参照物定位。 去掉次div定位。 结果发现子div以父div做定位参照物。 去掉父div定位，给body一个定位。 结果发现子元素跑到了body的右下角。 从上面可以看...
CSS中关于定位的那些问题
前端端的博客
07-17 1031
今天在写一个页面的时候，想通过margin：0 auto;来对一个元素进行水平居中，结果发现无法实现，但是当我把定位改成绝对定位以后又可以实现了。然后我发现如果我想对绝对定位的元素实现水平居中的话除了设置margin：auto 以外还需要吧left和right都设置为0； 遂复习一下CSS里的定位 absolute 生成绝对定位的元素，相对于 static 定
CSS的定位问题
liukai6的博客
02-28 264
一切皆为框div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。您可以使用 display 属性改变生成的框的类型。这意味着，通过将 display 属性设置为 block，可以让行内元素（比如 元素）表现得像块级元素一样。还可以通过把 display 设置
CSS基础（五）——CSS定位
pro1822的博客
03-27 772
CSS基础（五）——CSS定位

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值