css細節知識點

所有產生了浮動流的元素，塊級元素看不到他們  產生bfc的元素和文字類屬性{inline}的元素以及文字都能看到浮動元素

如何觸發一個盒子的bfc      position：absolute；   display：inline-block       float：left/right      overflow：hidden

1.行級元素 內聯元素  inline       feature：內容決定元素所佔位置      不可以通過css改變寬高

span  strong em  a  del  

2.塊級元素  block

feature  ： 獨佔一行  可以通過css改變寬高        div  p ul  li  ol  form  address

3.行級塊元素   inline-block

feather：內容決定大小  可以改變高

.wrapper::after{  content:" ";   clear:both;   display:block;}

4.absolute ----脫離原來位置進行定位 最近的有定位的父級進行定位  ，如果沒有，那麼相對於文件進行定位

5.relative----保留原來位置進行定位 相對自己原來的位置進行定位

position：absolute          float；left/right       內部把元素轉換成inline-block