1,overflow 文本溢出属性
2,问：在一个固定宽高的盒子区域内，分别添加上以下几种文本，会如何显示
1.数字 - 超出
2.英文单词 - 超出/折行
3.中文 - 折行
3溢出属性
属性:overflow
属性值：
- visible 默认值
- hidden 隐藏 - 当文本元素超出容器区域直接删除隐藏
- scroll 滚动 - 当文本元素超出容器区域时候会显示滚动条
- auto 自动 使用最多的
- inherit 继承
总结scroll和auto的区别
- 当文字超出的时候，scroll和auto是一样的
- 当文字不超出的时候，scroll依然会显示滚动条，auto不会
拓展：
overflow-x/y 写导航
4单行文本溢出显示省略号
- 容器区域要有固定宽高 width/height
- 让容器内的文本强制性的不换行 white-space:对页面空白空间的处理 nowrap no wrap
- 让超出的文字隐藏 overflow：hidden
- 让隐藏的文字变成省略号 text-overflow：ellipsis
多行文本怎么实现？ - css3里面
问：br标签和white-space谁优先级更高？
br一起使用的，br优先级更高
5对浏览器中空白空间的处理
属性：white-space
属性值：
- nowrap 强制性在一行显示，不换行
- pre 保留空格
- pre-line 保留换行
- pre-wrap 保留空格和换行
6高度塌陷 css常见的bug 浮动
造成的原因：父级没有设置高度，子级元素含有浮动
解决问题 4种
- 1.给父级添加高度
- 缺点：不能做到自适应
- 优点：简单好理解
- 2.给父级添加overflow：hidden
- 原理：overflow溢出触发了BFC(块块级格式化上下文) - 触发bfc里面规范 - 计算属性
