定位position

原创 有点糊涂 随笔 心得 651阅读 2014-08-30 18:23:40 举报

现在做的移动端页面要经常用到position属性,虽然最后都做到想要的,但是对于定位的用法还是很混乱,今天就整理下思路,也希望路过看到的大家也能给点相关的建议和意见{:5_301:}

       1、绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型

       2、absolute是根据最近的有position属性的标签来进行的定位,如果都没有就根据body来定位,原本的位置可以被后面同一层的的元素给利用。

       3、relative在W3Cschool是说“生成相对定位的元素,相对于其正常位置进行定位。",也就是根据最近的一个没有定位的元素来定位的,但是原来的位置还是留着的( [color=SandyBrown]*原来的位置是指,当前元素没有定位时应该放置的地方[/color])
           如果是同为浮动的块,其他浮动的块也还是在源位置后显示,是不能层叠的。

       4、fixed,生成绝对定位的元素,相对于浏览器窗口进行定位。有absolute定位是不会根据有fixed的标签来定位,但是relative是可以的。

       5、z-index 经常用于设置定位元素里,“设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。元素可拥有负的,仅能在定位元素上奏效。”-----w3cschool

  暂时对定位的理解是这样,可能还没有理解的特别深刻,在之后的实践中会继续积累。
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复