马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
一、定位
1、什么时候使用地位：
当需要修改元素出现的位置时，则需要用到定位
2、定位分类
普通流定位
浮动定位
相对定位
绝对定位
固定定位
3、定位属性
属性： position : 规定元素的定位类型
取值：
1、static 默认的，静态定位(普通流定位)
2、relative ：相对定位
3、absolute ：绝对定位
4、fixed ：固定定位
偏移属性:
top:距上边距离
bottom:距下边距离
left:距左边距离
right:距右边距离
注意：以上四个属性配合 relative,absolute,fixed来使用,表示当前元素的偏移位置量
堆叠顺序：
z-index : value;
页面的元素层叠之后，谁显示在前，谁显示在后，值越大，越靠近用户
1、相对定位
1、相对定位定义： 相对元素本身该出现的位置偏移某个距离
2、实现方式：
position:relative;
偏移属性：
left:水平偏移量：
+ 值为向右偏
- 值为向左偏
right:水平偏移量：
+ 值为向左偏
- 值为向右偏
top:垂直偏移量：
+ 值为向下偏
- 值为向上偏
bottom:垂直偏移量
+值为向上
-值为向下
3、使用场合：
1、通过操作（鼠标移入），实现元素位置的微妙变化
2、配合 绝对定位 一起使用，弹出菜单
- <!DOCTYPE html >
- <head>
- <title>文本格式</title>
- <meta charset="utf-8" />
- <style>
- div{
- width:100px;
- height:50px;
- background:red;
- border:1px solid gray; }
复制代码
| 
QQ好友和群
微信头条
运营茶馆
开发交流
微商交流
网罗天下
乐在虔州
生活百科
便民黄页
