使组合高度等于浏览器窗口的高度

Question

http://featuredfotografer.com/

这。Codemirrordiv 与 #headerdiv 结合使用，占用的高度比浏览器的高度多。如何使它们的组合高度为浏览器窗口的 100%，这样我就没有滚动条了？

Answer 1

使组合高度等于浏览器窗口的高度

只需添加此代码片段即可。它会将您的内容设置为浏览器窗口100%。

body,html {
   height: 100%;
}

你也可以检查这个。

Answer 2

我会采取不同的方法。您可以制作一个 1px 高、30px 宽的小图像，看起来像行号后面的背景，并将其应用于具有repeat-y和对齐left的body。删除.CodeMirrordiv 上的height:100%

或者你可以

在结束</body>标签之前添加<div class="CodeMirror-gutter bodyGutter"></div>并将其添加到CSS中，并再次删除.CodeMirrordiv上的height:100%：

.bodyGutter {
  height: 100%;
  z-index: -1;
  width: 20px;
  left: -8px;
}

这也是在你的身体上添加一个假排水沟，并将其推到背景中，以提供 100% 高度的假外观。