製造組合高度等於瀏覽器窗口

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對齊。在.CodeMirror DIV取出height:100%只是你結束</body>標記之前

或者你可以

添加<div class="CodeMirror-gutter bodyGutter"></div>並添加到您的CSS，並再次對.CodeMirror DIV刪除height:100%：

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

這也是添加一個假陰溝到你的身體，並推到背景，給出100％的假身體的高度。