将div设置为固定在相对位置的位置

时间:2017-04-02 13:33:11

标签: javascript html css css-position

是否可以在绘制它的位置({1}} / fixed'位置)制作div static

所以我想将div relative.one.three固定在最初绘制的位置。所以它不滚动。 https://jsfiddle.net/sor8hntk/2/

1 个答案:

答案 0 :(得分:0)

是的! https://jsfiddle.net/sor8hntk/7/

body {
  margin-top:40px;
}

.one {
  float:left;
  background-color:green;
  width:33%;
  height:50px;
  position: fixed;
}
.two {
  float:left;
  background-color:red;
  width:33%;
  height:500px;
  left: 33%;
  position: absolute;
}

.three {
  float:left;
  background-color:blue;
  width:33%;
  height:50px;
  position: fixed;
  left: 66%;
}

.four {
  width:33%;
  background-color:purple;
  height:10px;
  position: fixed;
}

.five {
  width:100%;
  background-color:pink;
  margin-top: 10px;
}

.six {
  width:100%;
  height:10px;
  background-color:yellow;
}