Box1，样式宽高200，背景色#bfa
Box2是子元素，宽100，高200，background橙色，在父元素内容区的
image.png
image.png
子元素比父元素小
如果box2高400，比父元素大，相当于小盒子里装个大东西撑破了，这叫溢出
image.png
Overflow
用来设置元素如何处理溢出的内容,这个属性是加给父元素的
- 可选值
- Overflow:Viseble, 默认值，溢出的内容直接在元素以外的位置显示
image.png
-
overflow:Hidden溢出的内容会被裁剪，隐藏不显示，文字最好不要裁，显示内容不全，也可以在div里面直接写字
image.png -
Overflow：Scroll
- 出现滚动条，可以通过滚动条查看完整的内容
- 无论那个方向 溢出，总会生成双方向滚动条
image.png
垂直方向溢出，水平没有溢出
- Overflow：auto 垂直溢出出现垂直，水平溢出出现水平，如果都没溢出，都没有滚动条
超链接做个200 乘200超链接
image.png
Display，用来设置元素的显示类型
- 可选值
- Inline 元素将会以行内元素的形式显示
-
Block 元素讲会一个块元素的形式显示，宽高生效了就可以看出是个块元素
image.png
Inline-block元素将会以行内块元素的形式呈现，宽高生效，没有独占一行
行内块：既有块元素特点，可以设置宽高，也有行内元素的特点，不会独占一行
image.png
样式写Display:None表示隐藏，元素不会在页面中显示 ，可以等他满足一定条件再让他出来，不会占据位置
image.png
:
用来设置元素是否显示
可选值
Visibility:Visible 默认值 元素在网页中正常显示
Visibility:Hidden 元素在页面中隐藏，但是依然占据页面的位置
（主要以Display:None为主）
table：元素会以表格的形式显示
