【css】问题集锦

一、fixed超出窗口大小部分无法滚动

问题：

使用fixed固定一个div，当这个div高度大于窗口高度后，超出的内容无法滚动查看。

解决办法：

在设置fixed的div添加样式 height:100%;overflow:auto; 即可。

据说还可以设置样式 max-height:100%;overflow:auto; 即可。

具体还是根据情况设置当前div的宽度，若当前div宽度是个固定值不想设置成百分数，则：

可以在外层包裹一个div设置为position:fixed;height:100%;overflow:auto;当前div就不需要在fixed，正常设置高宽等即可。

二、刷新或者加载出现变量闪烁再显示值的问题

<div id="app" v-cloak></div>
<style>
[v-cloak] {
  display: none !important;
}
</style>

v-cloak：用于解决初始化慢导致页面闪动的问题

三、动画变换效果

问题1：transition有时有效有时无效

.submit:hover {
  color: #E0ECFF;
  transition: 2s all; // 有用！！
}
.submit:active {
  top: 30px;
  /* transition: 2s all; 没点用 */
}

结果：因为top变换没有初始值！！！