css绝对定位&相对定位
2015-12-03 11:19
441 查看
相对定位规律：
1. 使用相对定位的盒子，会相对于它原本位置。通过TRBL（偏移指定距离）到达新的位置；
2. 使用相对定位的盒子若仍在标准流中（占据原来位置），对其父级元素和兄弟元素无影响；
绝对定位规律：
1.使用绝对定位的盒子，以与其最近的一个已经定位的祖先为基准进行TRBL进行偏移。若无已经定位的祖先，则以 <body>为基准。
2.绝对定位的盒子与标准流脱离，对其后的兄弟盒子无影响。
1. 使用相对定位的盒子，会相对于它原本位置。通过TRBL（偏移指定距离）到达新的位置；
2. 使用相对定位的盒子若仍在标准流中（占据原来位置），对其父级元素和兄弟元素无影响；
绝对定位规律：
1.使用绝对定位的盒子，以与其最近的一个已经定位的祖先为基准进行TRBL进行偏移。若无已经定位的祖先，则以 <body>为基准。
2.绝对定位的盒子与标准流脱离，对其后的兄弟盒子无影响。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css颜色编码对照大全
- CSS属性的陷阱
- CSS之清除浮动
- Qt—样式表（setStyleSheet()）
- CSS3 经典教程系列：CSS3 圆角（border-radius）详解
- 用纯css改变下拉列表select框的默认样式
- CSS整理的答疑
- IE8对css文件的限制
- 下拉选项样式整理
- css3 中的content 使用方法。
- css中float属性和position
- css中margin和padding
- CSS3 中FLEX快速实现BorderLayout布局
- css样式表
- css 样式表
- CSS3 中FLEX快速实现BorderLayout布局
- WPF自定义控件与样式(14)-轻量MVVM模式实践
- IE和Chrome样式兼容性问题
- html css 内部有浮动元素的div的高度没有被撑开怎么办【转载】
- CSS水平居中/垂直居中的N个方法 前端开发必收藏