overflow属性干嘛的？
处理内容如何溢出。有点抽象，看例子
举个例子，就是冰箱里放个大象，放不下了，多出来的怎么办？
<html>
<head>
<style type="text/css">
div
{
background-color:#00FFFF;
width:150px;
height:150px;
}
</style>
</head>
<body>
<p>如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。</p>
<div>
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。
</div>
</body>
</html>
结果是溢出来了
image.png
如果在div的style中加上一句
overflow:hidden;
结果就是多余的不要了。
image.png
如果加的是overflow:scroll;
结果就是会出现滚动条；
image.png
