【css定位】
1、div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。
2、在一种情况下，即使没有进行显式定义，也会创建块级元素。这种情况发生在把一些文本添加到一个块级元素（比如 div）的开头。即使没有把这些文本定义为段落，它也会被当作段落对待：
3、CSS 有三种基本的定位机制：普通流、浮动和绝对定位。
除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。
块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。
4、position:absolute
元素框从文档流完全删除，并相对于其包含块定位。
所以，如果要按父结点排版，需要将父结点设置为非static position。
5、position:relative
生成相对定位的元素，相对于其正常位置进行定位。
6、position:fixed
相对于浏览器窗口来对元素进行定位。
7、偏移可以使用px，也可以使用%
8、static会忽略上下左右。
参考：