js-position的absolute与fixed共同点与不同点是什么？

问题描述

position的absolute与fixed共同点与不同点是什么？: https://www.nowcoder.com/ta/front-end-interview/review?page=6
谁能用白话解释一下，连接里面的答案

解决方案

都不占用文档流空间，absolute在文档流中位置不变，fixed是在当前视窗位置不变（就是页面滚动过也是在可见视窗内容，left/top指定的位置，可见视窗小于left这个对象才会看不到）

解决方案二：

时间： 2024-08-17 04:24:17

js-position的absolute与fixed共同点与不同点是什么？的相关文章

css IE6 position:fixed (固定定位)通过position：absolute的解决方案

css教程 ie6 position:fixed (固定定位)通过position:absolute的解决方案,完全使用position:absolute来解决固定定位问题.因为其他的浏览器都支持绝对定位,在ie6,7,8,9,ff,chrome中均测试通过.注意一点:不能给外包含的元素mod-test设置高度,不然的话,是没有滚动条的.而应该在里面设置一个容器,它设置一个高度 <!doctype html public "-//w3c//dtd xhtml 1.0 transition

position:relative/absolute无法冲破的等级

前段时间记得好像是有人提出了一个实在是让大家都觉得很不理解的一个问题: <ul> <li>第一块</li> <li><span>第二块</span></li> <li>第三块</li> <li>第四块</li> <li>第五块</li> </ul> 如果我我们设定LI为position:relative;设置span为position:ab

position的absolute和relative的应用详解

前老弄不明白,只能凭借一点短期内"虐出来的经验"制作需要的效果,后来仔细研究了一下Hutia的XScroller,并且仔细看了文档,才知道这个position属性其实是指本体对上级的定位.如果这么理解,就好办了. 默认的属性值都是static,静态.就不用多说了.最关键的是 relative(相对)以及absolute(绝对). 往往我们如果是COPY别人的代码,会把absolute属性与left.top配合起来制作相关的"悬浮层"效果.然而有时候我们需要针对某一个

position:relative absolute无法冲破

前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题: <ul> <li>第一块</li> <li><span>第二块</span></li> <li>第三块</li> <li>第四块</li> <li>第五块</li> </ul> 如果我我们设定LI为position:relative;设置span为po

jquery 1.7和1.9的position方法对固定(fixed)元素的区别

在jquery的position方法,官方是这样说明的: Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.The .position() method allows us to retrieve the current position of an element relative to the offset parent.

position:relative/absolute无法冲破的等级_经验交流

第一块第二块第三块第四块第五块

前端面试题目搜集

前端面试题目搜集一.理论知识 1.1.讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户参考<一次完整的HTTP事务是怎样一个过程> 1.2.谈谈你对前端性能优化的理解 a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主

css下position属性详解

写过CSS的人都免不了与position属性打交道,但是要真正理解position属性还不是一个很容易的事.前两天博主想在一个html页面上实现一个<div>元素重叠在另一个<div>元素上,并且位于该<div>元素的右下角的效果.在网上搜到他人的解决方法,并且也实现了,这里面最关键的就是利用position属性以及left.right.top.bottom等属性.为了更为透彻地理解背后原理,博主在网上搜了相关的资料,总算是有了一些认识,或许也只是一知半解,不过先写下来

css position, display, float 内联元素、块级元素

position属性:position属性指出一个元素的定位方法.有4种可能值:static, relative, absolute or fixed: static:默认值,元素按照在文档流中出现的顺序渲染 absolute:绝对定位,元素相对于它的第一个被定位的祖先元素(非static)来进行定位 fixed:元素相对于浏览器window进行定位 relative:元素相对与它的正常位置进行定位,因此"left:20"就表示在元素正常位置的基础上,左移20像素的距离. float属