1、3月7日因为没用过element-ul，以及还停留在VUE 写CSS样式用scoped局限CSS的通病。导致对NUXT框架使用全局CSS不熟悉，自己乱用scoped限制，反正一系列的问题，父子元素层级关系不明确。问题爆发，还是因为刷新首页，然后出现非常多的问题。
___1.1、问题1，就是抖动，这个今天早上解决了，原因是对最外层div添加padding导致，导致页面刷新，padding使高度出现抖动。子元素用padding是没问题的。
___1.2、 全局link引入样式，首先肯定覆盖子元素样式，如果子元素想覆盖全局css，必须通过!important声明，或者加入更详细的层级描述，增加选择器的优先级。
_____1.2.1、但是!important对标签选择器input无效果，（难度小，留）
_____1.2.2、图片未加载，导致自适应布局出现页面瀑布。最好的办法，就是图片的外层套DIV规定height;移动端我记得是 overflow: hidden; height :0;padding-bottom: 50%，挤出宽高比2:1div盒子。
2、
间距的问题，display:inline-block会产生1像素间距，导致240px宽度不能承载80px的div
目前解决方案:取消inline-block 采用浮动。（百度查，浮动容易炸屏，inline-block较稳定，可以用-margin-left解决，等我炸屏了，我再试试inline-block吧）
3、**关于 width: 100%和width: auto的区别，
width: 100% 父元素会被子元素撑开，margin+padding+border+width，父元素海纳百川。
width: auto,父元素仍会被子元素撑开，不过仅仅只是width，父元素画地为牢。
4、white-space: nowrap,顾名思义，不换行。在<wrapper><input/><button/></wrapper>尤为重要！！
5、element-ul 中 <el-col> 等分24却铺不满 <el-row> 的问题
经查明，
是样式覆盖问题。
6、
input焦点，竖线粗细问题，目前百度只有2个回答，没有找到答案。