CSS中的几种定位简介

html-css020

CSS中的几种定位简介,第1张

4 种不同类型的定位。

static:默认值,没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

relative:生成相对定位的元素,相对于其正常位置进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed:元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。

absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

float是浮动。靠那边 一般就是靠左靠右

position 是位置。有相对和绝对之分。默认是相对。

z-index 可以理解为层数。比如你要加一个广告。让他放在你的页面上。就可以用z-index:xx为大于0的任意数字,就表示他是脱离了你原来的也面而独立的一个层。就好象是外套。他的位置你就可以用position:abs绝对位置来定义。他的定义也是特别的比如居上 ,居左直接写 top:100pxleft:100px