所有产生了浮动流的元素,块级元素看不到他们 产生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