码迷,mamicode.com
首页 > 其他好文 > 详细

绝对定位布局——总结

时间:2015-08-11 11:32:06      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:

position拥有三种定位方式:

1.静态定位(static)

 

2.相对定位 (relative)

特点:

相对与自身原有位置进行偏移

仍处于标准文档流中

随即拥有偏移属性和z-index 属性

 

3.绝对定位(absolute)(fixed)

特点:

建立了以包含块为基准定位

完全脱离文档流

随即拥有偏移属性和z-index 属性

延伸——设置偏移量:

父元素设置 position:relative 后 子元素相对父元素定位。

无论是否存在已定位祖先元素,都保持在元素初始位置。

脱离标准文档流

 

绝对定位布局——总结

标签:

原文地址:http://www.cnblogs.com/Boyyang/p/4720221.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!