DIV+CSS定位之相对定位与绝对定位
来源:互联网 发布:c语言标准函数库 编辑:程序博客网 时间:2024/04/29 11:04
CSS控制排版过程中,经常一不小心就被搞得版面乱七八糟.其实只要弄清楚各个方法的含义即可
语法
position : static | absolute | fixed | relative
它们分别是静态(static),绝对定位(absolute),固定(fixed),相对定位(relative)
比较常用的是absolute和relative
绝对定位(absolute):将被赋予此定位方法的对象从文档流中拖出,使用left,right,top, bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的,则依据 body 对象左上角作为参考进行定位。绝对定位对象可层叠,层叠顺序可通过 z-index 属性控制,z-index值为无单位的整数,大的在最上面,可以有负值(目前负值FF不支持)。
相对定位(relative):对象不可层叠,依据left,right,top,bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
absolute脱离原来父级对象后,其位置会被其它对象填补,而relative则不会
- DIV+CSS定位之相对定位与绝对定位
- css之相对定位与绝对定位
- div+css绝对定位和相对定位
- 详解学习DIV+CSS之绝对定位和相对定位
- 详解学习DIV+CSS之绝对定位和相对定位
- div的相对定位与绝对定位
- div相对定位与绝对定位
- div中的相对定位与绝对定位
- div的相对定位与绝对定位
- div的相对定位与绝对定位
- div的相对定位与绝对定位
- div的相对定位与绝对定位
- CSS之定位,相对定位,绝对定位,固定定位
- CSS中的相对定位与绝对定位
- 详解CSS绝对定位与相对定位
- CSS的相对定位与绝对定位
- CSS中的绝对定位与相对定位
- CSS中的绝对定位与相对定位
- 哀悼日
- 家乡的美食——腊肉
- 读书笔记--深入理解Linux内核-第七章 进程调度
- 实战解决IIS服务器的“HTTP 500 内部服务器错误”,装了Visual Studio 2005之后重装IIS的问题解决方法
- div css初探
- DIV+CSS定位之相对定位与绝对定位
- 汶川地震纪念感人mv《孩子快抓紧妈妈的手》
- 2008.5.19 写在国家哀悼日
- 不好-哀悼的第一天
- 抗震救灾,众志成城,情系汶川,哀悼512
- EJB3.0的JNDI名称
- atl界面编程
- 网站信息采集系统数据库结构设计及sql代码
- vc++使用word