1. 行级元素:span a strong em del
块级元素:div p ul li form address
2. 解决盒子塌陷(触发盒子的bfc)
position:absolute;
display:inline-block;
float:left/right;
overflow:hidden;
被设置了position和display的元素,会被自动转换成inline-block元素
3. position的一些属性
relative:保留原来的位置进行定位,相对于自己原来的位置进行定位
absolute:脱离原来的位置进行定位,相对于最近的有定位的父级进行定位,如果没有,那么相对于文档进行定位
fixed:固定定位,位置写死之后可以不动
一般用法:用relative作为参照物,用absolute进行定位和操作
另外:行内元素添加了 position: absolute或float: left属性,将会在内部转换为display: inline;
4. 浮动
产生了浮动流的元素,块级元素看不到他们,产生了bfc的元素和文本类元素看得到浮动元素。
(1)可以利用伪元素清除浮动。
```
.class::after{
content:"";
clear:both;//能清除浮动的必须是块级元素
display:block;
}
```
(2)利用bfc添加相应属性,即可看到浮动流
5. 文字溢出显示
1)单行文本
white-space:nowrap;//单行展示
overflow:hidden;//超出隐藏
text-overflow:ellipsis;//超出显示...
2)多行文本
多行之进行截断处理
height:40px;
line-height:20px;
overflow:hidden;