zoukankan      html  css  js  c++  java
  • web中的position的意思理解

    static:

    元素根据文档的正常流程定位。的top,right,bottom,left,和z-index性能有任何影响这是默认值。

    relative:

    该元件根据文档的正常流动定位,然后偏移相对于它本身的基础上的值toprightbottom,和left偏移量不会影响任何其他元素的位置; 因此,页面布局中为元素给出的空间与位置相同static

    当值不是时,此值将创建新的叠堆上下文它在影响,和元素是不确定的。

    absolute;

    该元素将从普通文档流中删除,并且不会为页面布局中的元素创建空间。它相对于其最近的祖先(如果有的话)定位; 否则,它相对于初始包含快放置其最终位置是由的值确定的toprightbottom,和left当值不是时,此值将创建新的叠堆上下文绝对定位框的边距不会与其他边距一起折叠

    fixed:

    该元素将从普通文档流中删除,并且不会为页面布局中的元素创建空间。它相对于所述初始位置包含快通过所建立的视口除了当它的祖先中的一个具有,transformperspective,或filter属性设置为比其他的东西none,在这种情况下祖先表现为包含块。(请注意,存在与浏览器的不一致性perspectivefilter有助于包含块的形成。)其最终位置是由的值确定的toprightbottom,和left此值始终创建新的叠堆上下文在打印文档中,元素放置在每个页面上的相同位置

    sticky:

    该元件根据文档的正常流动定位,然后偏移相对于它的最近的祖先滚动和包含块(最接近的块级祖先),包括表相关的元素的基础上的值toprightbottom,和left偏移量不会影响任何其他元素的位置。此值始终创建新的叠堆上下文需要注意的是粘性元素“大棒”,以具有“滚动机制”,其最近的祖先(创建时overflowhiddenscrollauto,或overlay),即使祖先是不是最近的实际滚动的祖先。这有效地抑制了任何“粘性”行为。

  • 相关阅读:
    金融数据获取的api接口
    股票实时数据接口
    【C#】通过webbrowser控件自动注册QQ号讲解
    【C#】通过webbrowser控件获取验证码
    光圈,快门, 曝光,焦距, ISO,景深。
    装修记录
    cocos2dx在win10系统上的VS2017运行时报错:丢失MSVCR110.dll
    论打击的本质(2)-视觉理论及应用篇
    论打击感的本质(1)——力的理论及应用
    android屏幕适配详解
  • 原文地址:https://www.cnblogs.com/Jakeyang/p/9713765.html
Copyright © 2011-2022 走看看