圣杯布局的疑惑

Question

今天接触到了下圣杯布局。感觉复杂了点，不知道和下面的这种布局有什么区别，或者2者能实现的效果有什么区别.
html代码：

<div class="container">
    <div class="center">
        中间内容
    </div>
    <div class="left">左边内容</div>
    <div class="right">右边内容</div>
</div>

css代码：

.container{
        position: relative;
        padding: 0 200px;
}
.center{
        background-color: #ff0;
}
.left{
    position: absolute;
    width: 200px;
    left: 0;
    top: 0;
    background-color: #f00;
}
.right{
    position: absolute;
    width: 200px;
    right: 0;
    top: 0;
    background-color: #f00;
}

思路就是：用padding将大的容器左右两边的距离留出来，设置相对定位。左边的容器容器绝对定位，left和top为0.右边的容器right和top为0

Answer 1

大哥，我想请问一下，什么是圣杯布局？

Answer 2

工作了好几年，第一次听说“圣杯布局”这么酷炫的名字。
看了一下介绍，这个布局用flex可以很简单的实现的，以下是demo，
https://jsfiddle.net/aeaxrsbm/1/

Answer 3

下面文章有讲到，个人感觉没太大区别
https://zhuanlan.zhihu.com/p/...

Answer 4

前人大部分时间都在与浏览器(IE?)兼容问题打交道，所以......