首页 > 代码库 > CSS Position(定位)

CSS Position(定位)

CSS定位属性允许你为一个元素定位。

元素可以使用顶部,底部,左侧和右侧属性定位。这些属性无法工作,出给是显示设定position属性。

四种不同的定位方法。

Static定位:

HTML元素的默认值,即没有定位,元素出现在正常的流中。静态定位元素不会受top,bottom,left,right影响。

Fixed定位:

元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动它也不会滚动。

eg:Fixed定位在IE7和IE8下须需要描述!DOCTYPE才能支持,Fixed定位元素的位置与文档流无关,不占据文档流空间。

Relative定位:

相对定位元素的定位是相对于其原始正常位置。可移动的相对定位的内容,它原本所占的空间不会改变。相对定位常用来作为对象定位元素的容器块。

Absolute:

绝对定位的元素的位置相对于最近的已定位符元素,如果元素没有已定位的父元素,那么他的位置相对于html.绝对定位脱离文档流。

CSS Position(定位)