ccs 中的定位
2016-12-03 17:16
190 查看
一、相对定位
position:relative;
作用:
相对定位 一般加给定位元素父级
特点:
(1)不脱离文档流;
(2)不改变元素类型;
(3)参照物是元素本身;
二、绝对定位
position:absolute;
一般会设置定位方向 left、top、right、bottom
特点:
(1)完全脱离文档流;
(2)改变元素类型,使元素支持宽高;
(3)参照物:如果有定位父级,参照物就是定位父级;如果没有定位父级,参照物就是body;
三、固定定位
position:fixed;
一般会设置定位方向 left、top、right、bottom
【注】固定定位在IE6下不支持
特点:
(1)完全脱离文档流;
(2)改变元素类型,使元素支持宽高;
(3)参照物:浏览器可视区;
position:relative;
作用:
相对定位 一般加给定位元素父级
特点:
(1)不脱离文档流;
(2)不改变元素类型;
(3)参照物是元素本身;
二、绝对定位
position:absolute;
一般会设置定位方向 left、top、right、bottom
特点:
(1)完全脱离文档流;
(2)改变元素类型,使元素支持宽高;
(3)参照物:如果有定位父级,参照物就是定位父级;如果没有定位父级,参照物就是body;
三、固定定位
position:fixed;
一般会设置定位方向 left、top、right、bottom
【注】固定定位在IE6下不支持
特点:
(1)完全脱离文档流;
(2)改变元素类型,使元素支持宽高;
(3)参照物:浏览器可视区;
相关文章推荐
- EventBus使用
- BoolmFilter
- centos安装vim7.4
- 实现侧栏固定宽度,内容栏宽度自适应
- Windows Embedded Standard 7 (WES7)系统定制遇到的问题(摄像头,喇叭,无线wifi)
- 移动端HTML5<video>视频播放优化实践[转]
- iOS 面试题(3.):为什么 weakSelf 需要配合 strong self 使用
- linux 磁盘挂载
- 批处理bat递归计算N!的实现代码
- Boss死亡解密地址
- java 算法排序
- POJ 1120 A New Growth Industry 已被翻译
- selenium入门概念篇
- selenium入门概念篇
- linux下救援查模式
- Http协议的请求和响应解析
- TCP/IP协议数据链路层/物理层
- 图像处理 - 傅里叶变换的思想
- 分治法的经典问题——大整数相乘
- ubuntu配置无线网卡