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

Question

http://featuredfotografer.com/

.Codemirror div与#header div的组合占用的高度高于浏览器的高度。如何使它们具有浏览器窗口100％的组合高度，因此我没有滚动条？

Answer 1

  

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

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

body,html {
   height: 100%;
}

您也可以查看this。

Answer 2

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

上的.CodeMirror

或者你可以

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

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

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