【CSS定位position】
来源:互联网 发布:机械力学分析软件 编辑:程序博客网 时间:2024/05/29 05:11
【CSS定位position】
定位:position
概念:把一元素放置到需要放的网页位置;
属性值:static、relative、absolute、fixed、inherit;
位置声明:top、bottom、left、right;
absolute、fixed会使元素脱离文档流;
特点:所有元素都可以进行定位处理,定位后具有块的属性。
相对定位:relative
使元素偏移某个距离,所占空间仍然保留;
实际开发:元素不会脱离文档流,但是可以设置top、left等值进行操作,而且设置也是生效的。
1、如果元素的前面没有其他元素时,参照父级(最近)的内容区的左上角为原始点结合top、left、right、bottom属性进行定位;
2、如果元素的前面有其他元素,则针对上一个元素的位置进行定位。
绝对定位:absolute
设置绝对定位的元素,会脱离文档流;(具有层叠关系)
激活元素的absolute,必须指定left,right,top,bottom 属性中的至少一个;
绝对定位的元素相互层叠时,不具有 margin效果,但仍有 padding 和 border效果 。
绝对定位与相对定位的关系
(相对定位是相对于元素在文档流中初始位置的;而绝对定位是相对于最近的已经定位的祖先元素。)
1、如果父级(无限)没有设定position属性,那么当前的absolute则结合top,right,left,bottom属性以浏览器左上角为原始点进行定位;
2、如果父级(无限)设定position属性,且属性值为relative、absolute、fixed,那么当前的absolute则结合top,right,left,bottom属性以父级(最近)的左上角为原始点进行定位。
相对浏览器定位:fixed
相对于浏览器窗口的指定坐标定位;
元素的位置可通过left、right、top、bottom属性来规定;
IE6.0及以下版本的浏览器不支持position: fixed;
- CSS定位(position)
- CSS定位属性Position
- Css 之 position 定位
- css: position定位问题
- css定位中的position
- CSS定位position
- css-position定位
- CSS之position定位
- CSS中position定位
- CSS 定位position属性
- css position定位详解
- 【css实践】position定位
- DIV+CSS定位position
- CSS定位position属性
- CSS定位机制:position
- css中position定位
- css的position定位
- css中position定位
- JavaScript学习笔记(第一天)
- jQuery
- iptables
- vs2010下MFC按钮打开文件夹并遍历下面所有文件
- Android深入理解Context(一)Context关联类和Application Context创建过程
- 【CSS定位position】
- Kotlin基础教程-类与继承
- ★★51nod 1574 排列转换 (贪心思维题)
- Java 数据库系列教程--C3P0详解
- 秘制红烧肉,养生哈尔巴肉
- CodeChef:Consecutive Snakes(三分)
- MVP模式开发之项目框架的搭建
- JVM学习01——Java内存区域划分及内存溢出
- Andriod数据存储