如果div只写了position:absolute,他的父元素没有写，relative，那他针对于谁？

最新推荐文章于 2023-06-04 22:50:38 发布
最新推荐文章于 2023-06-04 22:50:38 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zeqijiadelala/article/details/51732831
版权 
<style type="text/css">
    .pre {
        color:red;
    }
    .parent{
        left:0px;
        top:0px;
        margin:0;
        padding:0;
    }
   .pos_abs{
       position:absolute;
       left:0px;
       top:0px;
       margin:0;
       padding:0;
       display: block;
    }

</style>


<body>
<p class='pre'>我没有被下面的元素覆盖</p>
<div class="parent">
    <div class="pos_abs">
        我虽然使用了绝对定位，<br>
        但我的父元素的 position属性为 relative,<br>
        所以我仍然在下面
    </div>
</div>
</body>
.pos_abs他的父元素就是最外层的body，最顶层的父元素
zeqijiadelala
关注
relative会脱离文档流吗_position:absolute会使元素脱离文档流
weixin_39790168的博客
12-19 2126
当元素设置position:absolute时，会脱离正常文档流，后面元素会忽略该元素－》覆盖可以给元素设置min-height解决－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－postion属性定义了一个元素在页面布局中的位置以及对周围元素的影响。该属性共有5个值：position: absoluteposition: relat...
absolute如果找不到定位父元素那么会相对于谁进行定位_css：position定位属性详解...
weixin_39908070的博客
11-24 394
今天来为大家说一下最常用到的 position 定位属性说定位之前先来看看什么是文档流：w3c里面的解释是：正常流中的框属于格式化上下文，它可以是块的或内联的，但不能同时出现。块级框参与块格式化上下文。内联级别的框参与内联格式上下文。个人解释一下：每个块自上而下分成一行一行，并在每行中按从左至右的顺序排放元素；每个非浮动块级元素都独占一行， 浮动元素则按规定浮在行的一端，若当前行容不下，则另起新行...
好程序员web前端分享定位锚点透明
weixin_30822451的博客
05-05 172
好程序员web前端分享定位锚点透明 学习目标 1、position 定位属性和属性值 2、定位元素的层级属性 3、包含块的概念和应用 4、锚点连接的语法和应用场景 5、透明属性的应用 6、扩展：Flash和marquee(滚动字幕) 一、position 定位属性和属性值 position 定位属性，检索对象的定位方式；语法：position：static /absolu...
子元素absolute定位时父元素有无relative的区别
Win32FanEx 的专栏
11-02 1681
原文：https://blog.csdn.net/Efficiency9/article/details/72630347 .father{ width: 200px; height: 200px; background-color: red; margin:0 auto; ...
小白前端开发笔记-有关position：absolute；为什么position：absolute；的父元素要设置position：relative；
火腿肠的博客
08-11 1095
绝对定位元素相对的元素是它最近的一个祖先，该祖先满足：position的值必须是：relative、absolute、fixed，若没有这样的祖先则相对于body进行定位。偏移值由其top、bottom、left、right值确定。本文对此进行实验并对父元素定位的设置原因进行说明 代码： 当没有对父元素进行限定时 绿色小圆块相对于top500 left500进行定位 大方块长宽为500 定位如下 由此可见小黑块相对于整个body进行位移 当给父元素添加了position：relative时，绿色小圆块相对于
关于absolute和relative
weixin_33958585的博客
01-10 67
一直都很习惯用table进行布局，对于div+css由于实战经验不多，有些生疏。在div+css布局中很关键的是关于absolute和relative属性的使用。这里做个备注：absolute绝对定位，如果父级设置了absolute或relative，则相对于父级进行绝对定位，如果父级未设置absolute或relative，则一直向上查找，直到找到设置了absolute或r...
position:relative/absolute无法冲破的等级
10-31
### Position:relative/absolute无法冲破的等级解析 #### 前言 在Web前端开发过程中，元素的定位机制是至关重要的。CSS提供了多种定位方式，包括`static`、`relative`、`absolute`、`fixed`和`sticky`。本文将深入...
CSS中的position:relative;的作用示例介绍
12-10
在CSS布局中，`position`属性是一个至关重要的概念，它决定了元素如何在页面上定位。在你的问题中，你特别关注了`position:relative;`的作用，这是一个基础且实用的定位方式。下面我会详细解释`position:relative;`...
Div CSS absolute与relative的区别小结
10-30
相对定位的`div`元素则根据其原本的位置（在文档流中）向左偏移了150像素，但由于它还保留着原本的空间（未脱离文档流），所以它并没有覆盖到原本文档流中的其他内容。 通过使用绝对定位与相对定位，开发者可以创建...
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
09-05
这里提到的问题是关于IE6、IE7以及在IE8、9、10中使用IE7兼容模式下，对于绝对定位（absolute）或相对定位（relative）的父元素和子元素的显示与隐藏的一个特定bug。这个bug主要涉及到元素的`display`属性。 通常，...
css-div嵌套局部absolute
jieweiwujie的博客
08-28 340
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&g...
absolute如果找不到定位父元素那么会相对于谁进行定位_CSS 是如何影响浏览器元素在文档中的排列...
weixin_39700394的博客
11-21 263
之前在项目的过程中遇到了一个问题，某个 div 希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下 CSS 相关资料，解决了这个问题的同时，也学习了很多知识，特此和大家分享一下。屏幕是一个二维平面，然而 HTML 元素却是排列在三维坐标系中， x 为水平方向， y 为垂直方向， z为屏幕由内向外方向，我们在看屏幕的时候...
css文档流操作
qq_43486230的博客
09-27 286
css文档流操作css盒模型margin相关技巧外边距合并margin-top 塌陷css元素溢出块元素、内联元素、内联块元素浮动浮动特性清除浮动定位文档流position定位元素特性 css盒模型 盒子宽度 = width + padding左右 + border左右 盒子高度 = height + padding上下 + border上下 margin相关技巧 1、设置元素水平居中： margin:x auto; 2、margin负值让元素位移及边框合并 外边距合并 外边距合并指的是，当两个垂直外边距
CSS属性详解——position:absolute
热门推荐
Wod_7的博客
06-04 1万+
绝对定位absolute定位是CSS中的一种定位方式，可以将元素精确定位到一个确定的点，这与元素在文档流上的自然位置无关。相比起其他定位方式，绝对定位很灵活性，它可以将元素脱离文档流，使得元素的位置不受页面上其他元素的影响。相应地，元素独立悬浮于页面上。
relative和absolute的使用(详细+案例)
qq_48968669的博客
05-10 1533
相对定位relative：相对于自己原先的位置而调整位置 eg: 原先位置（在没有加top,left,right,bottom调整位置） 根据原先位置加top而调整定位 绝对定位absolute：absolute(子)+relative(父)是固定搭配，如果父元素或祖先元素没有设置相对定位relative，则根据浏览器而定位 eg: absolute(子)+relative(父)的搭配使用 (有absolute一定要有relative) 如果父元素没加relative,则absolute会寻找离他最
CSS中的position:absolute与relative
weixin_42976216的博客
06-08 615
关于CSS中的position的absolute属性和relative属性理解
CSS普通属性篇(一)：relative与absolute
madman0621的博客
09-05 2443
一、position的属性值 首先基本了解下position的各个属性值： 1、static：默认值。没有定位，元素在正常显示出现（它将忽略top、bottom、left、right、z-index声明） 2、relative：生成相对定位的元素，相对于其正常位置进行移动。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 3、absolu...
DIV中position的5个属性值
长空一笑的博客
02-26 1998
position有5种属性值：static, relative, absolute, fixed, inherit一、默认定位static： position的默认值，一般不设置position属性时，会按照正常的文档流进行排列。二、相对定位relative： 1、relative 就是相对元素static定位时的位置进行偏移，如果不指定top，right，bottom，left的值，其位置是没
position: absolute 怎么控制与父元素对齐
最新发布
06-07
使用 `position: absolute` 定位元素时，可以通过设置 `top`、`bottom`、`left`、`right` 属性来控制元素与其父元素的对齐方式。 例如，如果需要将一个绝对定位元素对齐到其父元素的右上角，可以将父元素设置为相对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值