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