元素的显示模式和定位的特性

标签的显示模式(display):

<!-- 
一 : 标签有三种显示模式
    a:block   
    b:inline-block   
    c:inline
二 : 三种显示模式的特点:
block 
    1.独自占据一行 
    2.可以设置宽高 
    3.如果块级元素没有设置宽高,name就会继承与父盒子的宽
inline-block 
    1.一行占据多个  
    2.可以设置宽高
inline 
    1.一行占据多个  
    2.不可以设置宽高 
 -->

定位的特性

<!-- 
    一 : 静态定位的特点:
其实静态定位没有什么特点,就是和标准流是一样的,
二 : 固定定位的特点:
    1.可以实现模式转换,拥有行内块的特点
    2.会脱离标准流
    3.会参照浏览器窗口的位置固定在某个位置,不会随着内容的滚动而滚动
三 : 绝对定位的特点
    1.可以实现模式转换,拥有行内块的特点
    2.会脱离标准流
    3.如果绝对定位的元素的所有的父元素都没有定位,那该元素的定位时参照body
    4.如果绝对定位的父级元素有定位(固定,绝对,相对),会参照最近的定位父元素
四 : 相对定位的特点(可以使用比边偏移)
    1.不会实现模式转换
    2.不会脱离标准流
    3.位移之后的显示效果脱标,但是自己原来的位置还是会保留,
    4.便宜的参照物是自己一开始出现的位置  
 -->