1、所谓文档流是浏览器放元素的顺序，若是块级元素，会在元素末尾加一个换行符，在下一行加载下一个元素；若是内联元素则会按照左上右下的一行一行的放入流中。


2、position的默认是是static的，若是静态定位，元素会放在正常的文档流中，而不是由你来指定位置。


3、若position的值设置为absolute，使用绝对定位，则由你告诉浏览器应该把元素放在什么位置。一个元素使用绝对定位时，会把它从页面的正常流中删除。


4、浮动定位使用时，必选设定该浮动元素的width值，以便在它旁边的元素设置margin-left或者margin-right值。


5、布局设置：


   第一种浮动布局，所有元素进入文件流中，浮动元素（后边的元素位置放在前边，并且将后边元素float值为right）设置width，出于布局设置，元素摆放的位置不是实际阅读顺序。


   第二种凝胶布局，所有元素进入文件流中，浮动元素（后边的元素位置不动，将前边元素float值为left）设置width，后边的元素会上移动并且成为第二栏数据，元素摆放的位置是实际阅读顺序。


   第三种绝对布局，并非所有元素进入文件流中，设置为absolute的元素没有进入文件流，并且文件流元素不知它的存在，元素摆放的位置是实际阅读顺序。


   第四种表格布局，表格中每个单元格均是div，最大表格，表格内一行，表格内一个单元格，属性分别设置为display：table，table-row; table-cell。并且在最大表格中设置border-spacing 相当于表格内每个cell的外边距值。


   第五种固定布局，它是参考是浏览器窗口边界，而不是页面边界（绝对定位）。


6、绝对布局中z-index 属性，该值越大表示显示在最顶层，该值可以为负数，正数。