其实绝对定位absolute的参照对象是“离它最近的已定位的祖先元素”,这句话里有两个关键,一个是“离它最近的祖先元素”,意思是那个参照元素不一定是父元素,也可以是它的爷爷、爷爷的爷爷等等,如果它的祖先里同时有2个及以上的定位元素,就参照离它最近的一个元素定位还有一个是“已定位”,这个定位也不一定非要是相对定位,也可以是绝对定位,为什么一般都是用相对定位呢,因为相对定位的特性是虽然它定位了,就算给了偏移量它离开了原来的地方,但是它原来占的地方也不会让出来的,这样的好处是原来在它周围的其他元素不会因为它的离开而改变位置而使页面乱套,所以用相对定位是非常合适的(如果你另有其他需要,祖先元素绝对定位也不是不可以)
子元素定位是在参照的容器内定位,容器多大可定位的范围就多大,如果参照的容器没有高度,那么只能在其width内移动。
详细解决方案
为什么绝对定位(absolute)的父级元素必须是相对定位(relative)?
热度:50 发布时间:2024-02-01 21:18:39.0
相关解决方案
- java调用存储过程返回rs.absolute(1)报错,该如何解决
- <div id="Layer25" style="position: absolute; width: 127px; height: 67px; z-index: 35
- <div id="Layer25" style="position: absolute; width:1000px; height:1000px; z-index: 35; background-color:red,该如何处理
- 用.net System.Net.Mail 发送邮件,发现过滤掉了 position:relative 邮件版式变乱了,该怎么解决
- |M|小弟我也有搞鬼 <div style="position: absolute; width: 1000px; height: 1000px; z-index: 35; background-color:red"
- 请问CSS相关: position:relative; 后为什么border:1px,solid,red的定义无效,border的所有定义都无效
- 究竟怎样让两个div完全重合呢?小弟我通过把两个div的style都设置成:"position: absolute; left: 138; top: 300px; width: 236px; height: 2
- 对只转发结果集的无效操作: absolute
- The absolute uri: http://java.sun.com/jstl/core cannot be resolved in ...
- div position:absolute 里面嵌套的 div float:left 可以向左侧撑出么,该怎么解决
- div position:absolute 里面嵌套的 div float:left 可以向左侧撑出么解决思路
- 错误处理org.apache.jasper.JasperException: The absolute uri: http://java.sun.com/jsp
- .clock div{position: absolute;border-style:solid;} 这个是啥意思,哪位高手给说说吧, 不知道怎么回事
- div层堆叠 posion:absolute
- css 绝对定位(absolute)跟固定定位(fixed)
- HTML相对路径(Relative Path)跟绝对路径(Absolute Path)
- <g:image id="controlImage" style="position:absolute; " onclick="controlImageClick();" />解决方案
- div absolute 正当中
- 怎么解决IE7因 position:relative;引起的递归导致页面鼠标频繁闪动
- JSTL版本异常的解决-"This absolute uri (http://java.sun.co
- 在JSP中This absolute uri http://java.sun.com/jsp/jstl/core cannot be resolved …的解
- 应用jstl标签时提示The absolute uri: http://java.sun.com/jsp/jstl/core cannot be resolve
- absolute:relative 有关问题
- HTTP Status 500 - The absolute uri: http://jsptags.com/tags/navigation/pager can,该如何处理
- Corrupt block relative dba: 0x01400083 (file 5, block 131)解决方案
- namespace warning : xmlns: URI Report is not absolute 怎么解决
- Unix / Linux: Extract Tar File with Absolute Path
- lintcode -- 427. 生成括号、643. Longest Absolute File Path、1347. 尾随零 -- 修改思路
- transformer中的相对位置偏置的介绍(relative position bias)
- python相对路径导入bug解决:ImportError: attempted relative import with no known parent package