如圖 ，途中有一個(gè)灰色的區(qū)域，里面放滿了頭像 ， 當(dāng)頭像過多 將會(huì)產(chǎn)生滾動(dòng)條。但是 在這些頭像中，即是這個(gè)灰色的容器中間顯示一個(gè)固定的一個(gè)紅色區(qū)域，它不會(huì)跟隨滾動(dòng)。并且它不是覆蓋在頭像這一層之上，即是說頭像滾動(dòng)時(shí)需要自動(dòng)避開中間的紅色區(qū)域，如同紅色區(qū)域是一個(gè)障礙物一樣這些頭像是向上 向左對齊怎么用css或則js實(shí)現(xiàn)這一布局呢？最終實(shí)現(xiàn)的效果應(yīng)該如下的：