当只定义position：absolute时，top,bottom，left,right都不指定，left，top默认值？

最新推荐文章于 2024-08-31 08:47:12 发布
最新推荐文章于 2024-08-31 08:47:12 发布
阅读量8.1k 收藏 4
点赞数 1
CC 4.0 BY-SA版权
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_36401046/article/details/53741039
本文详细解释了当元素设置为绝对定位（position: absolute），但未指定top, bottom, left, right值时的行为表现。此时元素相对于其原始位置进行定位，保持与文档流中相同的位置，但不会占据空间。

当只定义position：absolute时，top,bottom，left,right都不指定，则left，top值与原文档流位置一致。即跟当它static时的位置一样，但是不占位。

position之absolute中left、bottom、top、right与width、height的关系
balin2804的博客
07-09 853
1、在网页设计中我们经常遇到宽度自适应，但有时候可能一种高度自适应的问题。这个时候我们的position之absolute就可以帮你了。 2、position之absolute是脱离文档流。当width、height设置某值后，该元素的值就是该值。那width、height没有设置的时候呢？ 3、该元素的witdh、height会根据父元素（需设置position:rel...
直接写position：absolute，后面不加top和left等值，是什么意思？分两种情况
cherry_vicent的专栏
12-06 9155
用Div+CSS进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题。 这就要用到Position属性等。 Position属性有四个值：static、fixed、absolute和relative， 后面两个在布局中的定位里是经常用到的，顾名思义，absolute是指绝对定位， 即将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定
元素position设置为fixed而未指定top、bottom、left、right时的定位
wlx1991的专栏
03-11 4833
fixed定位 * {margin:0; padding:0; border:0;} #wrapper {width:1000px; height:2000px; margin: 0 auto;} #div1 {height:100px; background-color:red;} #div21 {width:100px; height:200px; background-color:blu
poaition：absolute的默认值
青阳的博客
05-15 990
定义position：absolute时，它的top、bottom、left、right并没有设定值。只是left，top值与原文档流位置一致。即跟当它static时的位置一样，只是不占位。
CSS只设置定位而不设置top、left等属性会怎样
ice_teas的博客
01-27 1412
问题   前段时间做H5时发现有个定位问题怎么都搞不好，后来捣鼓了好久，之后发现当在出问题的那个盒子设置了left属性之后解决了这个定位问题，当时一时间没反应过来，也因为比较赶就没有细想，今天才突然意识回想起这个问题。 改前的代码： .info-box { 　　position: absolute; top: -40px; ... } 改之后的代码： .info-box { 　　...
position:absolute top不起作用 left起作用
fafafaga的博客
08-31 654
存在其他CSS规则，如外边距（margin）或内边距（padding），这些可能影响元素的位置。属性时，元素的定位会以父元素的高度或文档体的高度为参考进行垂直移动。）的父元素进行定位。如果没有已定位的父元素，则相对于文档体(body)。设置得不够，使得子元素无法在父元素的顶部保持指定的距离。（这是默认值），导致绝对定位的参照错误。检查父元素的高度是否足够，或者子元素的。确保父元素有足够的空间来容纳子元素的。中的一个，以使子元素能够正确定位。使元素相对于最近的已定位（即。的设置可能不会显示出效果。
position: absolute css 取消定位
07-10
注意：取消绝对定位后，原来因为绝对定位而设置的top、left、right、bottom等属性将不再起作用，因为这些属性只对非static定位的元素有效。 示例代码： 假设我们有一个元素： <div class="absolute-box">这是一...
（1分）在CSS中，如何使一个元素相对于其包含块进行绝对定位？A、 position: fixed; B、position:absolute; C、position: relative; D、position: static;
06-08
- absolute：元素相对于其最近的非 static 定位祖先元素进行定位，可以通过 top、right、bottom 和 left 属性来指定偏移量； - fixed：元素相对于浏览器窗口进行定位，可以通过 top、right、bottom 和 left 属性来...
盒子模型中的top、right、bottom、left属性取值即可以是像素数，也可是百分比，并且只有父容器的position取值为非static值时才有效。对吗
最新发布
09-05
- top、right、bottom、left属性的取值可以是长度值（如px）、百分比（%），也可以是auto（默认值）等。 - 这些属性在position属性为static时是不起作用的。只有当元素的position属性设置为relative、absolute、...
CSS中如果固定定位只给出了定位模式position:fixed,没给出边位移引发的问题
01-20
本篇文章将重点讨论在使用`fixed`定位时只指定`position: fixed`而忽略边位移所引发的问题。 首先，我们需要理解定位的基础概念。定位模式`position`决定元素如何相对于其正常流中的位置进行定位。默认情况下，所有...
小程序中wxss中 position: absolute;是什么意思
08-25
子元素使用 `position: absolute`，并通过 `left`、`top`、`right`、`bottom` 定义具体位置。这些属性值可以是像素（px）、百分比（%）或 rpx（小程序适配单位）。 ```css /* 子元素绝对定位，相对于父元素 */ ....
【css样式问题】position:absolute绝对定位中设置top的值为百分比不生效
前端代码小白的日常博客
11-30 2977
在解释这个问题之前，首先了解position的五个元素定位类型。
绝对定位Position：absolute
不要怕
12-19 3966
使用步骤：        将需要移动的元素position属性设置为absolute。设置元素要移动的位置（top，right，bottom，left）     注意：        1.绝对定位元素会脱离文档流。        2.绝对定位元素的位置直接和父容器是否设置了相对定位（绝对定位）有直接关系。        3.绝对定位元素需要至少一个祖先元素设置了相对定位（绝对定位），不然...
position absolute 绝对定位 设置问题
weixin_44021910的博客
09-20 2021
1， 父元素相对定位，子元素两个：一个普通文档流(块级元素)，在前，一个决对定位元素，在后。 <div class="parent_relative"> <div class="child">普通文档流子元素</div> <span class=child_absolute>绝对定位子元素</span> </div&...
前端复习知识 ：position和top
m0_58777269的博客
04-16 434
2.如果设置了fixed格式，那么需要注意一下对应的内容虽然是固定在前端上了，但是要注意他只会占用自己应该占用的位置，如果你没有对应的设置width/height这种那么大概率是不会占用到全部的大小。表示对应的div距离四周的距离，如果你同时设置了两个对立的参数，默认情况下会延长div宽高。1.如果参数设置为了static其实和没有设置的效果一致的，这个就是默认的效果。1.直接选择利用：margin，但是有局限性，一旦div移动了就不行了。3.fixed默认是没有背景颜色的，如果用了fixed一定要固定。
position：absolute 的深入探讨
weixin_33753003的博客
08-31 174
position：absolute 参考谁进行定位的问题。之前大家可能会认为如果absolute元素的父级（祖父）元素没有设置position属性的时候，该元素的position：absolute会参考body进行定位。 换句话说是如果父级设置了position（且值为非static），参照（最近的）父级的内容区域的左上角为初始点，结合top left right bottom 进行定位；...
css定位position,absolute relative两种情况下，top,left,right,bottom的区别
kbx8916的博客
06-28 3534
position:absolute时，top,left,right,bottom是相对与最近的定位父元素(absolute,relative,fixed), top是元素上边距离父元素上边的距离， left是左左相距。 right是右右相距。 bottom是下下相距。 设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元
position的4个值和用法
AndyPoplar
06-07 5375
1. position的4个值 我理解的四个值为 absolute relative fixed sticky 2. 用法 2.1 absolute position:absolute 绝对定位 TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL) 如果元素没有设定TRBL并且父级没有设定position属性，那么当前设置absolute的元素默认依据父级的坐标原始点为原始点。 如果元素设定TRBL并且父级没有设定position属性，那么当前设置absolute的元素则以浏览器左上角为
CSS基础——定位
aaa_tz的博客
05-24 382
一、定位主要用于布局的属性：盒模型、浮动、定位。美化页面效果的属性：文字、背景。脱标的方法：浮动、绝对定位、固定定位。 定位作用：让标签针对于某个参考元素进行位置偏移。属性名：position属性值：relative 相对定位absolute 绝对定位fixed 固定定位定位后，如果只要position属性设置，并不能实现位置移动，必须搭配偏移量属性才能实现位置变化。水平方向：left、ri...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值