【代码总结】绝对定位与相对定位
2016-05-26 14:53
176 查看
一、绝对定位（position:absolute）
1、设置了绝对定位后，div即脱离文档流成为独立的框体，可以设置z-index确定其所在层级。
2、如果同时设置了top等值，则其相对于浏览器定位；如果没有设置top等值，则相对于父级div定位。
二、相对定位（position:relative）
设置了相对定位，div依旧占据原有位置，仅视觉上移动了设置的top等值的位置。
三、绝对定位、相对定位结合
父级设置相对定位，子级设置绝对定位，可以达到内部的浮动效果，比float好用，没有兼容性问题。
具体参考链接：http://www.jb51.net/css/68072.html
1、设置了绝对定位后，div即脱离文档流成为独立的框体，可以设置z-index确定其所在层级。
2、如果同时设置了top等值，则其相对于浏览器定位；如果没有设置top等值，则相对于父级div定位。
二、相对定位（position:relative）
设置了相对定位，div依旧占据原有位置，仅视觉上移动了设置的top等值的位置。
三、绝对定位、相对定位结合
父级设置相对定位，子级设置绝对定位，可以达到内部的浮动效果，比float好用，没有兼容性问题。
具体参考链接：http://www.jb51.net/css/68072.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Good Teacher（模拟）
- NANOPI2 编译QT+sqlite 问题解决方式
- 『Python学习』lettcode题目答案python版
- python 后台运行
- WampServer 的phpmyadmin数据
- Eclipse 调试器：零距离接触实战技巧
- eclipse分别导入新浪微博 Android sdk 第三方登录demo
- java static关键字用法
- JDK 安装与环境变量配置
- poj 2542
- 蓝桥杯_格子放鸡蛋
- C#调用Delphi接口(ITest = interface)
- C# 验证码生成
- Java - 正则表达式常用操作
- java 字节流和字符流 【转自一直在等博客】
- 【浅析】JAVA内部类的实现及反编译解析
- 安装laravel后,如何运行 php artisan key:generate 这个命令
- 【GoLang】Web工作方式
- 第一次在阿里云服务器部署javaWeb工程
- 借助 Java 9 Jigsaw，如何在 60 秒内创建 JavaFX HelloWorld 程序？