本文共 536 字，大约阅读时间需要 1 分钟。

CSS定位

CSS 定为有position:static静态定位，position:relative相对定位，position:absolute绝对定位，position:fixed相对于浏览器窗口定位。

相对定位

相对定位

1、 相对定位的偏移量参照物就是元素本身，不论它的父元素和相邻元素的position是什么，它都是相对于它原来的位置进行偏移。

2、设置相对定位的块级元素，如果没有设置宽度，它的宽度会拉升至父元素宽度的100%。

3、 还是标准文档流，没有破坏文档流，其原来位置依然保留着，不会被文档里的其他元素占用。

绝对地位

绝对定位：

absolute绝对 1、相对已定位的最近的祖先元素，如果没有已定位的最近的祖先元素，那么他的位置就相对于最近的包含块（body）

2、定位后元素破坏了标准的文档流，位置会被其他元素所占据。

3、设置了绝对定位的行内元素，会转化为块级元素，可以设置宽和高。 4、设置了绝对定位的块级元素，如果没有设置固定的宽度，不会自动拉伸到父元素的100%，而是由内容和内边距的宽度来决定的。

固定定位

1、相对于视图窗口进行定位。

2、元素有原来默认宽度100%，变为内容大小。 3、定位后元素本身脱离文档流，位置被其他元素所占据。

转载地址：http://jbali.baihongyu.com/