CSS：Div Placement

Question

我有一个简单的4块div，我正在尝试做。它看起来像这样：

但我无法想出办法。我正在努力实现的一些事情：

1和4需要修复。当我向下滚动时，它们应保持在原位，而2和3则相应地移动。

我严格要求2和3在1和4的范围内，而不是在它的下面，这是我在做的事情上的一部分，试图找出浮点数和位置。

由于

Answer 1

这应该有帮助

html,body{height:100vh;}
.wrap{width:100%;height:100vh;position:relative;}


.left,.right{width:200px;height:100vh;}
.center,.bodywrap{height:100vh;}
.left{float:left;position:fixed;}
.center{margin-left:200px; margin-right:191px;}
.right{position:fixed;right:0;}

.left{background-color:#aaa;}
.right{background-color:#ccc;}
.center{background-color:#444;}
.head{background-color:#777;}

<div class='wrap'>
    
    <div class='bodywrap'>
        <div class='left'>left</div>
        <div class='right'>right</div>
        <div class='center'>center center center center center center center center center center center center ... blah</div>
        <div class='center'>center center center center center center center center center center center center ... blah</div>
    </div>
 </div>