CSS 日常积累

解决Div撑满剩余空间

上下两个Div，上面的固定高，下面的要撑满页面剩余空间，可设定下面的div的top、bottom为固定值，强制定义盒模型大小，如果是 flex 布局就用 flex:n 解决

.top{
    height: 100px;
}

.fill{
    top: 100px;
    bottom: 0px;
    position: absolute;
}

::before

::before 可以很方便的为一个元素添加前置表现，比如给一个标题前放一个小图标，而不用给图片单独准备div或者img。使用::before 需要注意的是一定要设定该元素的content，可以设置文字、url等，否则::before不显示

div::before {
      content: url();
}