写页面时遇到的一些问题及总结（overflow和粘性定位）

这周在模仿仿写华为官网页面时发现了一些不会的问题，查查百度，或者问问学长后才恍然大悟(＾－＾)V。

overflow

众所周知，overflow最常用的就是overflow：hidden，再搭配上text-overflow：ecllipsis以及white-space：no-wrap，就能让多字体隐藏变成点点点，但其实它还有很多用法，首先，它的另一大用法就时添加滚动条，当使用overflow：auto，若这个div内的东西超出这个div的固定长度（宽度）时就会出现滚动条，从而达到局部 滚动的效果，以下是overflow的全部用法

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

scroll是一开始就会有滚动条，不管东西多没多，但没超过时没有滚动条里面的小滚动条，而auto时当超过时才出现滚动条，所以一般auto用的比较多，并且body的overflow起始属性也是auto