关于css中position定位研究

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

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

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

static定位,即正常从上到下


相对布局:

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

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


absolute布局

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



fix固定定位

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

CSS position 定位知识细节

CSS position 定位知识细节
  • Dong_PT
  • Dong_PT
  • 2016年04月09日 22:03
  • 710

CSS中的定位——position属性

CSS定位指的是 改变元素在页面中的位置。 CSS定位机制: 普通流:元素按照其在HTML中的位置顺序决定排布的过程(也就是我不对元素进行定位的默认排布) 浮动 绝对布局 CSS定位包含的属性有: ...
  • qq_15096707
  • qq_15096707
  • 2016年01月07日 15:19
  • 1246

Css 详细解读定位属性 position 以及参数

Css 详细解读定位属性 position 以及参数position 定位属性,是CSS中非常重要的属性。除了文档流布局,就是定位布局了。本来我对这个问题没有放在心上,毕竟写了这么多年的css,对po...
  • FungLeo
  • FungLeo
  • 2015年11月26日 15:04
  • 6304

CSS 各种定位(position)方式的区别

参考资料:http://www.html5cn.org/article-9826-1.html position定位: static:静态定位;是position的默认值,元素框正常生成,也就是没...
  • bonnie2012lai
  • bonnie2012lai
  • 2016年12月06日 09:46
  • 866

深入理解CSS中的定位(position)

CSS中的定位(position)   使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小...
  • Neil_Wesley
  • Neil_Wesley
  • 2016年06月09日 22:36
  • 2970

CSS position: absolute 绝对定位精讲

绝对定位基本特征 绝对定位的第一个特征在于会从文档流中脱离,不受其他元素影响,定位是“绝对”的,所以称之为绝对定位,如果是相对定位,会受其他元素影响,则定位是“相对”的; 未使用定位:即元素在正常文档...
  • DevilPace
  • DevilPace
  • 2016年07月14日 19:55
  • 6512

关于利用position定位在页面正中心的问题(还有一个z-index的知识点)

扯点没有用的: 今天做项目的时候,突然发现了一个问题:position定位还没有完全掌握。 为什么这么说呢?因为今天我想把一个登录框不依靠js居中于整个页面,我没有任何思路。 切入正题: 关于posi...
  • CallMeQiuqiuqiu
  • CallMeQiuqiuqiu
  • 2017年05月03日 22:40
  • 382

CSS position: absolute、relative定位问题不详解

CSS2.0 HandBook上的解释:   设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位,而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定...
  • u013063153
  • u013063153
  • 2016年09月03日 17:10
  • 1833

CSS定位——position、float小结

CSS定位——position、float小结
  • zhuyunhe
  • zhuyunhe
  • 2015年05月17日 17:32
  • 945

css3中position定位详解

最近热衷于前端的开发,因为突然发现虽然对于网站、应用来说,功能处于绝对重要的地位,但是用户体验对于用户来讲同样是那么的重要,可以说是第一印象。最近在开发当中发现以前对于css中的position的理解...
  • jiangcs520
  • jiangcs520
  • 2013年11月21日 20:53
  • 12637
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于css中position定位研究
举报原因:
原因补充:

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