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

标签的显示模式(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.便宜的参照物是本身一开始出现的位置  
 -->