关于css定位的学习笔记

1. html文档流分为标准流和浮动，和定位
2. 元素分为块级元素和内联级原数，
   a，块级元素独占一行
   b，内联级元素从左到右依次排列，如果代码换行中间会有1像素的margin
   c，代码不换行中间完全没有margin
   d，内联级元素height 和width 没有左右，如果想让其拥有 height ，和width 属性，需要使用 display:inline-block

b.
<!-- 有边距 -->
<span>1</span>
<span>2</span>
<span>3</span>

c.
<!-- 无边距 -->
<span>1</span><span>2</span><span>3</span>

3. absolute 属性脱离正常文档流，并有了层级的概念。定位的基准点是带有定位属性父元素或祖元素。所有祖元素都没有定位属性的话，会按窗口为基准定位
4. absolute top 默认不是0 。如果没有top属性，顶部起始位置对齐上一个标准流的底部
5. fixed 属性，任何元素对于该属性定位不产生影响
6. inherit 属性继承父元素的定位属性
7. 浮动可以理解为让某个div脱离标准流，漂浮在标准流之外，和标准流不在同一个层次
8. 每一个浮动元素的顶端永远对齐上一个处于标准流的元素的底部,top,left 属性对其不产生作用
9. 每一个浮动元素左边起始位置，或右边起始位置需要看和他相邻的兄弟元素是否有浮动属性，有的话，紧跟兄弟元素后面。没有的话，会处于下一行的最左边或最右边(相当于该元素使用了clear:left 或clear:right)
10. clear 属性只是适用于清除的元素本身，不对其他元素产生影响
11. 浮动出现前元素在标准流中是竖向排列的，浮动出现后就是横向排列了
12. 想让某一个行级元素完全居中，可以首先使用absolute 属性，top,left 各50% ，然后再给margin-top 的值为 该元素的50% 高度，margin-left 该元素的50% 的宽度