身体不会在溢出时滚动

Question

当我添加一个高度大于页面大小的div时，即使我添加了overflow:scroll，正文也不会滚动。我甚至试过溢出：auto;

JSFiddle here.

Answer 1

添加高度100％

#first {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 0;
  margin-left: 20px;
  margin-right: 20px;
  overflow: auto;
  height:100%;/* Add This*/
}

https://fiddle.jshell.net/se65eqm8/3/

Answer 2

首先使用以下位置相对的css。

     #first:before {
  content: "";
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-color: #191919;
  width: 500vh;
  height: 200vh;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  overflow: auto;
}

#first {
  position: relative;
  left: 0;
  right: 0;
  z-index: 0;
  margin-left: 20px;
  margin-right: 20px;
  overflow: auto;
}

Answer 3

试试这个

 #first {
   z-index: 0;
   margin-left: 20px;
   margin-right: 20px;
   overflow: auto;
}