如何使div 100％高度

大家好，首先抱歉提問已經被問了很多次的問題。原諒我說，我一直沒能找到一個匹配的答案，並與我的代碼工作，這就是爲什麼我問:) :)如何使div 100％高度

嗯，我想讓我的邊欄div 100％的高度，而不是隻是調整到內容裏面的div如何做到這一點？

這裏是我的代碼：

html, body { 
    margin: 0px; 
    height:100%; 
    min-height:100%; 
} 

.SideMenu { 
    height:100%; 
    float:left; 
    background-color:#ACB9B1; 
    width:20%; 
    margin:0; 
    overflow-y:hidden; 
    overflow-x:hidden; 
}

http://jsfiddle.net/u9r7zeyk/這顯示了在全高，不知道爲什麼？

來源

2014-09-21 Anoxy

請出示在** JS撥弄你的代碼**或**中的堆棧Snippest * * – 2014-09-21 16:05:26

http://jsfiddle.net/u9r7zeyk/在這裏它顯示在全高度在那裏不知道爲什麼？ – Anoxy 2014-09-21 16:25:44

如果我們看不到它，我們很難解決您的問題。 :) – Adam 2014-09-21 16:28:20

你好HUYS感謝的投入，我所做的，你可以在這裏看到：

.menu{ 
background-color:#ACB9B1; 
width: 200px; 
position: fixed; 
top: 0px; 
left: 0px; 
bottom: 0px;  
} 

.menu li a { 
display:block; 
text-decoration: none; 
color: #fff; 
line-height: 1.5; 
margin-left:5%; 
color:#A92432; 
      } 
.menu li { 
width: 100%; 

height: 30px; 
font-family: 'Open Sans'; 
border-bottom: 1px solid #A92432;; 
font-size:18px; 
     }

來源

2014-09-22 12:43:19 Anoxy

試試這個：

html, body { 
    height:100%; 
} 

.SideMenu { 
    height:100%; 
    background-color:#ACB9B1; 
    width:20%; 
}

來源

2014-09-21 16:17:02

我不爲我工作:( – Anoxy 2014-09-21 16:27:21

請嘗試解釋你想要的是什麼 – 2014-09-21 16:30:23

請看這裏http://imgur.com/uFUciqA爲一個視覺我想要在左邊的灰色div是身高100％瀏覽器窗口無論我在網頁上有多少內容謝謝 – Anoxy 2014-09-21 16:42:30

編輯，在這裏你去。我認爲這是你想要的。

html, body { 
     margin: 0px; 

    } 

    .SideMenu { 
     position:absolute; 
     height:100%; 
     float:left; 
     background-color:#ACB9B1; 
     width:20%; 
     margin:0; 
     overflow-y:hidden; 
     overflow-x:hidden; 
    }

http://jsfiddle.net/u9r7zeyk/2/

來源

2014-09-21 17:24:11 Api42

否在你的例子中看到div停止當div內的內容我希望div是高度100％的瀏覽器窗口希望你明白:) – Anoxy 2014-09-21 17:29:28

@Anoxy，現在檢查它。 – Api42 2014-09-23 06:10:17

如何使div 100％高度

回答

相關問題