Question

我需要在视口的100％高度处设置红色div。

我当前的代码无法按预期工作（请滚动div），因为您可以看到它无法正确缩放。

如何解决？
有什么问题？

＆＃13;

tail -f chatlog.txt

＆＃13;

#root {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}

.item {
  height: 600px;
  background-color: blue;
}

#a {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: yellow;
}

#b {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  padding: 10px;
  background-color: red;
}

＆＃13;

Answer 1

您的红色div已占据屏幕的100％

但如果您的意思是100％= 2蓝色div，请尝试：

您应该计算蓝色高，并将其设为红色

＆＃13;

#root {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}

.item {
  widht: 200px;
  height: 100vh;
  background-color: blue;
}

#a {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: yellow;
}

#b {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 200vh;
  padding: 10px;
  background-color: red;
}

＆＃13;

<div id="root">
  <div id="a">
    <div class="item">
    </div>
    <input type="text" name="firstname"><br>
    <div class="item">
    </div>
  </div>
  <div id="b">
  </div>
</div>

＆＃13;

Answer 2

如果你被允许使用jQuery，你可以这样做：

a = [[1, 2, 3], [4, 5, 6], [0, 3, 1]]
b = [[4, 0, 3], [6, 3, 6], [1, 4, 1]]

c = [ list(zip(a[x],b[x])) for x in range(len(a))] # works b/c len(a) = len(b)

print(c)

让你的div始终在眼前。

小提琴：https://jsfiddle.net/w3u8np46/10/

无法在100％高度调整div

2 个答案: