使用％標記內容高度/寬度？

過去幾天我一直在玩前端網頁設計，主要是使用floats/clearfix來定位我的內容。我一直在使用％來標記內容的寬度，並且完美地工作。但是，如果我嘗試將高度定義爲整個頁面的百分比，它將無法正常工作，更準確地說，它似乎只是圍繞什麼內容存在，我必須將高度定義爲px值。使用％標記內容高度/寬度？

這是有原因嗎？有沒有解決方法，我可以使用百分比值，它實際上分割了頁面？

要強制高度或寬度試試'MIN-高度「或」最小寬度「在你的CSS - https://developer.mozilla.org/en-US/docs/Web/CSS/min-height – Viridis

我想你需要添加一些HTML和CSS到顯示你到目前爲止所嘗試的內容 – dav1dsm1th

請閱讀[接受答案如何工作？]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work），請不要編輯問題標題以包含單詞SOLVED。 – Quentin

要在%中定義屬性height，您需要父代height的上一個定義。然後，如果您有一位家長在px上修復了height，則可以使用%;但是如果你想在窗口或其他％值上工作，你需要爲所有父母設置一個值。

然後，如果你想和你需要這個窗口％的工作：

HTML這樣的：

<body> 
    <div id="container">My div with 100% height</div> 
</body>

CSS一樣：

/*Need to set all parents to 100%*/ 
html, body { 
    height:100%; 
} 
/*Then set the container*/ 
#container { 
    height:100%; 
}

2013-12-17 12:32:34 DaniP

請試試這個：給HTML標籤的CSS 100％，那麼你應該嘗試在CSS body元素設置爲

display:block;

，並給它

min-height:100%

請參閱本主題太：

BR paulq

2013-12-17 12:26:42 Paulquappe

謝謝，這是答案的3/4！我給了身體100％的高度和位置：絕對，然後我所要做的就是添加最小高度：60％和一個位置：相對。工作就像一個魅力謝謝 – WebDesignNub

回答