通过在CSS中使用定位来熟悉布局对美化页面非常有帮助。 以下详细介绍。 定位分为静态定位、相对定位、绝对定位、固定定位四种，定位有不同的参数。 例如，左、右、顶、底、z索引等。
1、静态定位(静态)。
的常规标记元素必须具有锚点属性，否则它将成为静态锚点，而在页面底部是标准流。
2、绝对定位(absolute ) )。
绝对置入的元素会从文档流中拖动，并使用left、right、top和bottom等属性相对于具有最近置入设置的父元素进行绝对置入。 如果父项没有配置放置属性，则会将body元素的左上角作为参照放置。 绝对位置元素可以层叠，层叠顺序可以由z-index属性控制。 z-index值是一个没有单位的整数，较大的在上面，可以有负值。
绝对对齐方法：如果父元素设置了非静态对齐，例如position:relative或position:absolute和position:fixed相对于父元素对齐如果未为通过rition的父元素设置定位，则必须检查是否为父元素设置了定位。 如果未设置，则继续从更高级别的祖先元素类推。 也就是说，它是相对于第一个具有非静态定位的祖先元素定位的，如果没有为所有祖先元素设置上述三个定位之一，则它是相对于文档body定位的(例如
headstyletype=' text/CSS '.box { background 3360 red； width: 100px； height: 100px； 浮点：左； margin: 5px； }.two {position: absolute； top: 50px； left: 50px； }/style/headbodydivclass=' box ' one/divdivclass=' box two ' two/divdivclass=' box ' three/divdivclass=' box
将class='two '的div定位在距离机身顶部和左侧分别50px的位置。 其他元素的布局将发生更改，此元素的原始位置不会保留空白。
3、相对对齐(相对) () ) ) ) ) ) ) )。
不能根据left、right、top、bottom等属性在普通文档流中移动自己的位置，使相对锚点元素重叠。 同样，可以用z-index分层设计。
headstyletype=' text/CSS '.box { background 3360 red； width: 100px； height: 100px； 浮点：左； margin: 5px； }.two {position: relative； top: 50px； left: 50px； }/style/headbodydivclass=' box ' one/divdivclass=' box two ' two/divdivclass=' box ' three/divdivclass=' box
4、固定定位(固定)。
固定位置类似于绝对位置，但相对于浏览器窗口，不会随滚动条滚动。
锚点最常见的用途之一是在页面上创建固定头部、固定腿部或固定侧栏。 不需要边距、边框或填充。
5、绝对位置vs相对位置
绝对位置似乎是将不同的要素配置在一栋大楼的不同楼层，不影响它们之间； 相对位置元素位于第一层，与文本流一起保存，并相互影响。
具有绝对位置的元素在文档流中不占用空间。 如果某个元素设置了绝对位置，则会删除其在文档流中的位置。 之所以浮动，是因为实际上即使设定了相对位置，元素也是浮动的。 但是，即使设置了相对位置，也不会删除其自身在文档流中占用的空间。 其他元素不得占用。 设置绝对位置后，该元素将从文档流中完全提取