css基础(5)----乱七八糟小技巧

1.块级元素的高度由其内部文档流元素的高度的总和决定
2.文档流：文档内元素的流动方向
a.内联元素inline：从左往右流动，若遇到阻碍（宽度不够）则换行继续从左往右
word-break：break-all/break-world
文字分割，break-all是所有字符可以换行，break-world是每个单词才能分开
b.块级元素block：每一个块都占一行，从上往下流动
display：inline-block将块级元素变成行内元素

3.内联元素的高度：
玄学
font-size比line-height小时，字体自动居中；但字体比line-height大时，内联元素但高度不可预测
xscope

4.position：fixed 固定在屏幕上，跳出流，元素聚拢
5.绝对定位，脱离流
子元素position：abusolute
父元素position：relative

6.display：inline-block的外边距不合并