CSS样式：position: absolute

最新推荐文章于 2024-03-04 09:25:34 发布
原创 最新推荐文章于 2024-03-04 09:25:34 发布 · 487 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css

本文探讨了在网页布局中使用position:absolute时遇到的问题，特别是关于margin-left在不同浏览器中的表现差异。文章提供了使用left和top属性替代margin-left的方法来确保元素在各浏览器中的正确显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用position: absolute 老喜欢用margin-left来移动元素 margin-left在浏览器上兼容有问题，ie不会让元素自动居中，出现如果margin-left：40%；在非ie浏览器就会到达最右边，在ie中居中


解决方法：使用left跟top来移动元素

CSS 绝对定位 position:absolute、z-index 设置堆叠顺序
小楼一夜听春雨，深巷明朝卖杏花
03-18 4101
绝对定位absolute定位是CSS中的一种定位方式，可以将元素精确定位到一个确定的点，这与元素在文档流上的自然位置无关。相比起其他定位方式，绝对定位很灵活性，它可以将元素脱离文档流，使得元素的位置不受页面上其他元素的影响。相应地，元素独立悬浮于页面上。
CSS：position属性
最新发布
ChinaDragon10的博客
07-23 649
CSS：position属性 fixed、absolute、relative
CSS 样式 ：position-absolute 绝对定位属性
azbe94853的博客
09-29 333
绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同， 相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普 通流中的位置。绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素 没有已定位的祖先元素，那么它的位置相对于最初的包含块。 例：没有父元素相对于整个可视界面的定位。 样式1 效果 如果给它一个...
CSS样式中的Position属性值absolute和relative
个人学习博客，不足之处，还望不吝赐教！
10-25 509
absolute、relative
CSS层position:absolute
weixin_30376453的博客
12-15 99
每天进不一点点。 CSS样式 .absoluteItem{width:100px;top:0;left:450px; position:absolute; z-index:9999; overflow:hidden;}.absoluteItem div{ width:100px; float:left; } .absoluteItem div a{ color:#830000; t...
css样式 absolute/relative的使用
妖尾攻城狮的博客
03-14 340
轮播图图片占满底层，左右两个导航栏覆盖在上一层（此图出处为京东商城） 将最底层的position设为relative，覆盖的两层设置为absolute right为0 让它靠右显示 z-index则是让它优先显示 下图是我仿的一个页面 css样式position定位问题 absolute 绝对定位（参考w3c） 位置相对于最近的已定位的父元素，如果元素没...
CSS基础：position属性详解与布局实战
本篇文章主要介绍了HTML基础知识中CSS样式表的相关概念和技术，特别是关于position属性的深入解析。CSS样式表是网页设计中至关重要的组成部分，它用于控制网页元素的布局、外观和行为。本文详细讲解了三个关键的...
css中position:relative和overflow:hidden之间的问题
09-25
`position`属性用于定义元素的定位模式，它有多种值，如`static`（默认值）、`relative`、`absolute`、`fixed`和`sticky`。当`position`设置为`relative`时，元素保持其正常流中的位置，但可以通过`top`和`left`等...
CSS中的position 的值： absolute 与 relative
04-12
在CSS（层叠样式表）中，`position`属性是一个至关重要的概念，它用于定义元素在页面布局中的定位方式。`position`属性有多个可选值，其中`absolute`和`relative`是两个最常使用的值，它们在网页设计中扮演着关键...
CSS进阶（12）—— position:absolute如此高深，我当真不懂（上）
我不是水哥
12-03 5248
  之前在探讨float属性的时候就已经提到了position:absolute的概念，绝对定位和浮动在很多方面都具有相似性，包括“块状化”，“包裹性”，“破坏性”等等，在理论层面上两者是一对兄弟关系。然而在实际场景中，由于绝对定位的“破坏性”通常比float的要强，因此会有人觉得绝对定位的元素似乎跟普通的流体元素完全玩不到一块去，事实上，除了众所周知的需要依托最近的定位祖先节点进行定位，绝对定位...
CSS 嵌套DIV布局(position属性)
01-21
嵌套DIV布局，会牵扯到CSS的position属性 如果内层DIV将position属性设置为absolute，并设置left，和top等属性，还需要考虑外层DIV的position属性设置。 absolute:absolute绝对定位，直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢，容器就是离元素最近的一个定位好的“祖先”，定位好的意思就是其Position是absolute或fixed或relative。如果没有这个容器，那就使用浏览器初始的，也就是body或者html元素。标准是说只需要指定left和
css样式absolute问题----top的默认值
m0_47531829的博客
02-14 1067
以前一直以为设置absolute相对定位，会有一个默认top值为0，今天发现，自己原来的想法是错误的， 给这个元素设置成一个position:absolute,相对定位，相对定位是相对于相邻最近的那个显示标识了position属性的元素，找到父元素stock-list-container 发现父元素stock-list-container并没有使用定位，再找到上一级父元素home-container 使用了固定定位，所以screenByYear这个元素的相对定位是相对于stock-list-conta
position:absolute(脱离文档流、相对于祖先元素定位、如果绝对定位元素没有祖先元素,就相对于body)...
weixin_34357267的博客
11-13 979
css样式元素的相对定位，绝对定位，固定定位等元素定位运用技巧详解
景天科技苑
03-04 3786
在CSS中关于定位的内容是：position:relative | absolute | static | fixed。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在文本流中，任何一个元素都被文本流所限制了自身的位置，但是通过CSS我们依然使得这些元素可以改变自己的位置，我们可以通过float来让元素浮动，我们也可以通过margin来让元素产生位置移动。
CSS position 属性-style="position:
xuanmu
02-16 534
<html> <head> <style type="text/css"> h2.pos_abs { position:absolute; left:100px; top:150px } </style> </head> <body> <h2 class="pos_abs">这是带有绝对定位的标题</h2&...
定位
xinwenhuayu的博客
02-06 663
一、简介 定位就是指将元素摆放在页面的任意位置，通过定位可以任意的摆放匀速，通过position可以设置元素的定位 可选值： static: 默认值，元素没有开启定位 relative: 开启元素的相对定位 absolute: 开启元素的绝对定位 fixed: 开启元素的固定定位 二、相对定位 1. 如何设置 (1) 设置position属性为relative (2) 设置偏移...
CSS 相对/绝对(relative/absolute)定位系列（二）
Zoe_Wang_ing的专栏
09-18 923
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1330 //zxx:直接接上回 一、常见absolute布局的替代实现方案 absolute属性配合left/top/right/bottom属性具有极强的定位性。这种功能特性是如此的明显与强烈，可能会让
CSS进阶（13）—— position:absolute如此高深，我当真不懂（中）
热门推荐
我不是水哥
12-10 2万+
在上文中，我们探讨了绝对定位的包含块以及“无依赖绝对定位”的特性，本章我们来聊聊absolute的流体特性以及那些和absolute关系甚好的CSS属性。 1.absolute的流体特性 在前面一文中，我们测试了很多“无依赖绝对定位”的特殊表现，事实上在平时开发的时候我们使用absolute都用的都是他的“绝对定位”特性，这也是absolute被设计出来的本职工作。为了做好自己的本职工...
CSS中position的absolute如何相对于父元素的位置进行定位
wenqingzzz的专栏
07-09 1506
relative（相对）以及absolute（绝对）。 用absolute定位时，要把其上一级的元素样式属性position设置为relative。 也就是说，position的属性值的效果，直接受其容器样式中position属性值影响。 例如如下A-B的嵌套结构     当A的position为relative时，B的position为absolute才有
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值