CSS那些厉害的布局方法

1.超级居中（水平和垂直都居中）

只需要给外层父级元素加上下面代码

.parent{
   display: grid;
   place-items: center;
}

2.经典的sidebar布局

.parent{
    display: grid;
    grid-template-columns: minmax(150px,25%) 1fr;
}

3.固定的header和footer，中间的内容自适应

.parent{
    display: grid;
    grid-template-rows:auto 1fr auto;
}

一些brankproint