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

Question

http://featuredfotografer.com/

.Codemirror div 与 #header div 组合占用的高度超过了浏览器的高度。如何使它们的总高度为浏览器窗口的 100%，这样我就没有滚动条了？

Answer 1

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

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

body,html {
   height: 100%;
}

你也可以检查这个。

Answer 2

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

或者你可以

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

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

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