CSS元素的定位属性position
来源:互联网 发布:java代码生成工具 编辑:程序博客网 时间:2024/06/10 18:17
元素的定位属性(position)用来定义元素的定位方式,在定位属性中,可以使用4种属性值,分别为static,absolute,fixed和relative,其
语法结构如下所示:
position: static | absolute | fixed | relative
其中每个属性值的含义,如下所述:
static: 默认值,元素按照自身默认的方式显示。
absolute: 绝对定位,以有含有定位属性的父元素为基准,按照边偏移属性中定义的属性值显示。
fixed: 浏览器不支持该属性
relative: 相对定义,元素以自身位置为基准,按照边偏移属性中定义的属性值显示。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style> div { position: absolute; left: 100px; top: 100px; border: 2px solid #333333; width: 500px; height: 50px;} </style> </head> <body> <div> 这是使用定位属性position的实例,在使用定位属性的时候,还要使用其他的辅助属性,才能正常显示。 </div> </body></html>
以上的代码中,定义了元素的定位属性值为绝对定位,使用边偏移属性确定元素左侧和顶部偏移值均为100px。
- CSS元素的定位属性position
- CSS:元素定位之position属性
- CSS定位属性Position
- CSS 定位position属性
- CSS定位position属性
- CSS Position 定位属性
- CSS 定位属性position
- CSS的定位元素position用法
- css盒子定位position的属性
- css定位属性position的用法
- CSS position 属性:定位属性
- CSS元素之position 定位
- CSS的Position元素定位和Display元素
- CSS定位属性Position详解
- css position 属性 定位学习
- CSS 定位属性position用法
- CSS定位属性Position详解
- CSS定位属性Position详解
- Android 开发环境搭建
- redis学习心得之一
- 《C语言参悟之旅》-读书笔记(六)
- redis学习心得之二
- redis学习心得之三
- CSS元素的定位属性position
- jQuery Form Plugin( ajax表单提交 )
- 根据IP地址获取对应的MAC地址
- redis配置文件redis.conf的详细说明
- Python lambda介绍
- arm7 lpc21XX系列的IAP应用实例
- 一篇好文章带你走出阴霾
- 协调多个对象之间的交互——中介者模式(三)
- 静态库与动态库区别