美文网首页
控制元素的位置position

控制元素的位置position

作者: 猿分让我们相遇 | 来源:发表于2017-08-10 23:17 被阅读0次

普通流position:static

相对定位position:relative(相对于这块区域的定位)

绝对定位position:absolute(会脱离普通流不在影响页面中的其他元素,或者说是基于父级元素中有position:relative 、absolute属性进行的定位)

固定定位position:fixed(当滚动页面时,这类元素会保持不动,或者说是相对于浏览器的窗口位置固定)

相对、绝对、固定定位时,盒子是可以重叠的,后出现的代码会出现在元素的上层,使用z-index,其值为数字,数字越大元素层次越靠前。

相关文章

  • 控制元素的位置position

    普通流position:static 相对定位position:relative(相对于这块区域的定位) 绝对定位...

  • CSS 布局_3 Position元素定位

    1. position 属性 position 属性,设置元素位置 我们之前已经介绍过行元素,块元素及行内块元素的...

  • 前端CSS的相对定位、绝对定位、固定定位

    相对定位 position:relative 相对定位,就是微调元素位置的。元素相对自己原来的位置,进行位置的微调...

  • 14.定位

    position :定位、固定位置,可以将元素摆放到任意位置; position:relative 参照物是什么?...

  • 定位

    什么是定位? 可以随意改变元素的位置,分为(相对定位position:relative,绝对定位position:...

  • IOS 对anchorPoint与position的理解

    anchorPoint与position position:控制本层在其父层的位置 anchorPoint:本层自...

  • position 属性整理

    介绍 position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移 Position 属性:...

  • CSS 4.3 盒子模型

    display确定元素的显示类型block/inline/inline-block position确定元素的位置...

  • CSS&HTML进阶(2) - 草稿

    position 设定元素位置 position:absolute 绝对定位 网页分块布局用 可以让被分块内的内...

  • css定位

    定位: 定位使用position属性来控制元素显示的位置 定位有三种:相对定位,绝对定位、固定定位。 可选值: s...

网友评论

      本文标题:控制元素的位置position

      本文链接:https://www.haomeiwen.com/subject/qtaacxtx.html