overflow属性
overflow属性功能:可以将css设置的溢出的,显示盒子内显示不下的内容。
溢出:溢出就是当设置的盒子大小承载不下盒子里面的内容时,就会溢出:
overflow属性有4个属性值:hidden(超出范围内的文字将被隐藏起来)、scroll(在div中出现水平和垂直的滚动条,超出的内容被滚动显示)、auto(当文字超出div的容纳范围时,根据需要出现水平的滚动条或时垂直的滚动条,滚动显示超出的内容)、visible(和不显示overflow时候显示效果一样,超出范围的文字按原样显示)
四个属性值分别的功能:
1.hidden:
当我们在样式中添加overflow:hidden,他会将超出部分隐藏起来,但是这一部分文字还是实际存在的;
2.scroll:
当在样式中添加overflow:scroll属性时他会出现一个滚动条,可以通过鼠标点击浏览超出部分的内容;
3.auto:
当我们在样式中添加overflow:auto属性时,也会出现可以滑动的滚动条。
4.visible:
当我们在样式中添加overflow:visible属性时超出范围的文字将按原来的样式显示;