总结CSS位置定位属性使用的一些要点

在CSS定位上，很多人在很多时候都是按照自己的要求使用的，但是CSS中有很多地方需要仔细研究，比如位置。

1位置：静态
静态属性是位置的默认值，也就是说，当一个元素不为它设置位置属性时，它的默认值是静态的。

2位置：绝对
这是一个位置的属性值，是经常使用的。如果一个绝对是设置一个元素，元素是从原始文档流中分离出来。一些图像，例如一个元素被定义为位置：绝对的，那么这件不会在网页中的其他元素相关，但漂浮在整个页。变化的位置，在页面元素的大小的变化，等等，不影响对一个元素的位置，这相当于一个局外人。

3职位：相对
相对是最有用的定义方法。相对属性设置为改变元素相对于它的原始位置。例如，我们定义了一个B元素，用下面的CSS样式设置它：
CSS代码将内容复制到剪贴板。
# B {
职位：相对；
宽度：100px；
身高：100px；
上图：100px；
}

这段代码定义的元素，其位置是移动的距离100px向下相对的位置属性未被定义的位置，相对属性值的定义是这样一个定位模式。

4位置：固定
固定位置使用不多，但非常适合固定模式下的部分生产，如顶部菜单。在定义固定属性后，元素的位置不会随任何行为而改变。

5、相对位置
同时使用这两种定位，是一种很常见的技术，新手也可以在这里遇到很多麻烦。一般来说，如果绝对定位的元素，引用的是自己最近的相对定位的集合元素，如果有一套最近的元素定位，如果找不到它的祖先元素的相对定位元素，HTML已经找到为止。例如，下面的代码使用两实现两列布局相结合；
CSS代码将内容复制到剪贴板。
# div-1
{
职位：相对；
}
# div-1a
{
位置：绝对；
顶部：0；
错误：0；
宽度：200px；
}
# div-1b
{
位置：绝对；
顶部：0；
左：0；
宽度：200px；
}

内部的两个子分区将根据外部位置相对的元素的位置来定位。

6：清除：两个间隙浮动
有时位置会崩溃，即子元素的父元素，但父元素的大小不会随着子元素的大小将开放，导致父元素的崩溃的影响。这种错误的出现是由于浮属性集的子元素，使父元素的崩溃。为了解决这种缺陷，需要制定明确的父元素，示例代码如下：
CSS代码将内容复制到剪贴板。
# div-1a
{
浮点数：左；
宽度：190px；
}
# div-1b
{
浮点数：左；
宽度：190px；
}
# div-1c
{
清楚：两者；
}