CSS position属性定义和用法

开发 前端
CSS中的position属性定义建立元素布局所用的定位机制,任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。

本文向大家描述一下CSS position属性的用法,这个属性定义建立元素布局所用的定位机制,CSS position属性有4种可选值:static,relative,absolute,fixed,用于定位html元素的位置,并影响元素块生成的方式,并且所有主流浏览器都支持CSS position属性。

CSS position属性定义和用法

CSS position属性规定元素的定位类型。

说明

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

CSS position属性

实例

定位h2元素:

  1. h2  
  2. {  
  3. position:absolute;  
  4. left:100px;  
  5. top:150px;  
  6. }  
  7.  

浏览器支持

所有主流浏览器都支持CSS position属性。

注释:任何的版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。

CSS position属性可能的值

CSS position属性可能的值

【编辑推荐】

  1. JavaScript巧解IE6至IE8兼容问题
  2. CSS position属性中absolute和relative的应用
  3. 网页排版中IE6,IE7,Firefox浏览器兼容性写法
  4. CSS属性display:inline-block使用揭秘
  5. Firefox、IE7、IE6浏览器兼容问题概念解析

 

责任编辑:佚名 来源: w3school.com.cn
相关推荐

2010-09-15 14:30:07

CSS backgro

2010-09-01 11:21:18

CSSpositionfloat

2010-08-24 15:11:24

PositionCSS

2010-09-08 16:22:32

PositionCSS

2010-09-06 11:11:31

CSS定位

2010-08-25 09:25:13

CSSmargin

2010-09-15 16:57:18

CSS display

2010-08-23 09:42:50

CSSPosition

2010-08-31 10:30:59

CSSpositionz-index

2010-09-15 13:50:04

CSSposition属性

2010-09-06 17:20:04

background-CSS

2010-09-15 14:00:06

position属性DIV

2010-08-25 13:25:22

CSSfont-family

2010-08-16 11:05:54

DIV+CSS

2010-09-02 11:18:46

CSSfloatposition

2010-08-31 15:24:43

CSSpositionabsolute

2010-09-10 10:47:47

CSSposition

2010-09-07 14:40:10

title属性Alt属性CSS

2010-09-03 13:02:04

CSSposition

2010-09-15 15:03:52

CSS positio
点赞
收藏

51CTO技术栈公众号