码迷,mamicode.com
首页 > 其他好文 > 详细

ccs 中的定位

时间:2016-12-03 18:40:42      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:文档   position   round   浏览器   没有   改变   top   bottom   size   

一、相对定位

  position:relative;

  作用:

    相对定位 一般加给定位元素父级

    特点:

    (1)不脱离文档流;

    (2)不改变元素类型;

    (3)参照物是元素本身;

 

二、绝对定位

  position:absolute;

  一般会设置定位方向 left、top、right、bottom

    特点:

    (1)完全脱离文档流;

    (2)改变元素类型,使元素支持宽高;

    (3)参照物:如果有定位父级,参照物就是定位父级;如果没有定位父级,参照物就是body;

 

三、固定定位

  position:fixed;

    一般会设置定位方向 left、top、right、bottom  

    【注】固定定位在IE6下不支持

    特点:

    (1)完全脱离文档流;

    (2)改变元素类型,使元素支持宽高;

    (3)参照物:浏览器可视区;

 

ccs 中的定位

标签:文档   position   round   浏览器   没有   改变   top   bottom   size   

原文地址:http://www.cnblogs.com/linsinan/p/6129149.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!