关于css中position定位研究

原创 2012年03月22日 22:11:14

定位也是前端开发人员须很好掌握的一项技术

定位有4种:static(默认),绝对定位,相对定位,固定定位

static定位,即正常从上到下


相对布局:

想对布局,元素相对于其static情况下位置移动

其原来占据的空间扔占据着,其他元素不会移动


absolute布局

两个要点:一 ,依照定位环境来定位
二,他原来的空间不会再占据,其余元素上来占据这些空间



fix固定定位

当需要一个不随浏览器浮动的内容时,可以用fix配合top,left固定到浏览器的某个位置。

相关文章推荐

position属性absolute与relative 详解 最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,

position属性absolute与relative 详解 最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章...

微信小程序css篇----定位(position)

昨天2017的微信公开课pro如期进行了,小程序将于2017年1月9日对个人开放,公司项目的demo版做了个大概,过程中花的时间最多的还是页面布局,所以后面将花一段时间将css的属性在小程序里过一篇,...

浅析CSS——元素重叠及position定位的z-index顺序

转载地址: http://www.cnblogs.com/mind/archive/2012/04/01/2198995.html 多次在项目中遇到html页面元素的非期待重叠错误,多数还是po...
  • gyflyx
  • gyflyx
  • 2013年04月06日 19:50
  • 8172

css的position定位属性中值absolute与值fixed二者的区别

我们知道,css的position定位属性中,表示绝对定位的有两个值,值absolute与值fixed。都是绝对定位,二者有一致性,也有不同点。那么二者的区别是什么呢?那就是position的fixe...

css3中position定位详解

最近热衷于前端的开发,因为突然发现虽然对于网站、应用来说,功能处于绝对重要的地位,但是用户体验对于用户来讲同样是那么的重要,可以说是第一印象。最近在开发当中发现以前对于css中的position的理解...

一步一图剖析CSS中的position定位

原文地址:http://my.oschina.net/blogshi/blog/210238     在CSS布局上float和position是永远说不完的道不尽的话题,它们的应用五花八门,组...

css的定位position

Title .parent{ width:200px; height:200px; backgroun...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于css中position定位研究
举报原因:
原因补充:

(最多只允许输入30个字)