CSS经验分享-精通CSS-DIV定位基础
这篇文章主要讲述了CSS中对DIV及其他框架内容的定位功能，方法及规则。
定位概述：
p ,h1, div等元素常常称为块级元素。意味着元素显示为一块内容。
strong span 等元素为行内元素，因为显示在行中。
可以使用display属性改变生成的框模型，通过将display 属性设置为block 可以让行内元素表现得像块级元素一样。还可以将display 设置为none, 让生成的元素根本没有框，这样这个框及所有内容不再显示。
有情况没有进行显示定义，也会创建块级元素。这种情况发生在将一些文本添加到一个块级元素的开头。即使没有定义为段落，也会被当作段落。
<div>
some text
<p>some more text </p>
</div>
CSS有三种基本定位机制： 普通流，浮动和绝对定位。默认为普通流。
块级框从上倒下，一个接一个排列，框之间的垂直距离由框的垂直空白边计算出来。行内框在一行中水平布置，可以使用水平填充，边框和空白边调整他们的水平间距，但是垂直填充，边框和空白边不影响行内高度，行框的高度可以设置行高。
相对定位
position: relative;
如果对一个元素进行相对定位，它将出现它所在的位置上，然后可以通过设置垂直和水平位置，让这个元素“相对于”起点进行移动。
使用相对定位时，无论是否移动，元素仍然会占据原来的空间，因此会覆盖其他框。
绝对定位
绝对定位使元素的位置与文档流无关，因此不会占据空间。其他元素的布局就像绝对定位的元素不存在一样。
绝对定位的元素的位置相对于最近的已定位祖先元素。