css 入门

1. 块级元素（div）的高度由其内部文档流元素的高度总和决定

文档流： 文档内元素流动的方向
内敛元素： 从左往右
块级元素： 从上往下，每个都另起一行

word-break: break-all // 单词每个都打断

2. 内敛元素（span）高度由建议行高和字体的设计参数决定（难以确定）

Font-size的100px到底指的是什么？字体有一个建议行高

• 给 display: inline 元素设置宽高是无效的
• 给 display: inline 元素设置 margin-bottom margin-top 是无效的

3. div有两个span，高度由什么决定？

由最高的那个

4. bug两个来源

• 定死了高度
• width： 100%

小贴士：

1. CSS position 有哪些取值？
   sticky
   absolute
   fixed
   relative
   static
2. position: fixed 会使的宽度缩小，怎么解决呢?

• 加上一个width: 100%;，但是会导致儿子的宽度会大于父子的宽度，怎么办呢？
• 把父子的左右的padding去掉，再加一个元素在儿子的头上，让这个元素上面加上左右padding

3. 加了inline-block 会导致bug，无缘无故下面会出现空隙，怎么解决呢？

• 需要加vertical-align: top;