CSS3盒子模型

1.overflow:visible;默认属性，内容多于框会超出显示。

　overflow:hidden;内容只能显示定义的框范围内，多出来的不显示

　overflow:scroll;超出范围的话，会生成滚动条

　overflow:atuo;超出范围的话，会自动根据情况生成水平或者垂直滚动条

2.overflow-x:scroll; overflow-y:hidden; white-space:nowarp;会在水平方向添加滚动条

  overflow-x:hidden; overflow-y:scroll;会在水平方向添加滚动条

3.box-shadow:同文字阴影使用方法

4.box-sizing:border-box;

　width:100px;

　height:100px;

　padding:10px;

　background-color:red;

　　执行的最终显示的大小为长100px，宽100px的正方形.意思是加上内边距padding一共100px，内容显示的区域为80px，80px

　box-sizing:content-box;

　width:100px;

　height:100px;

　padding:10px;

　background-color:blue;

　　执行的最终显示的大小为长120px，宽120px的正方形.意思是内容大小就是100px，加上内边距padding一共120px