2013-03-20 78 views
1

嗨,朋友們。我正在做一個使用響應式網頁設計的例子。我改變了div中圖像的高度和寬度,但我無法改變div高度。這是固定的,並沒有改變。我不知道是什麼原因。我嘗試過「身高:100%」,但該div中的內容未顯示。它只是顯示空白頁面。我需要關於這個問題的幫助,因爲這對我來說非常重要。如何使用響應式webdesing爲div id應用高度

+5

把你的代碼放到http://jsfiddle.net/並鏈接到這裏。 – pravat 2013-03-20 06:45:20

+5

歡迎使用stackoverflow!我們需要查看您的代碼才能正確評估您的問題。請編輯您的答案以包含代碼或添加到jsfiddle並鏈接到它,正如pravat指出的那樣。 – BIOS 2013-03-20 06:47:25

+0

與響應式網頁設計有什麼關係?如果您的div未隨其內容擴展,則您的HTML語法可能無效。你真的應該爲你的問題添加一些代碼,以獲得具體和好的答案。 – 2013-03-20 08:29:31

回答

0

對於設置高度爲100%,父元素應該設置高度。嘗試將100%設置爲HTML標記中所有父元素的高度。

2

子元素百分比的高度由其父元素的高度決定。如果家長沒有設定高度,子元素會認爲如下:

height: 100% of nothing.(沒有什麼是它的父元素高)的無=無 100%。所以它不會爲它設置一個高度。

如果設置的父元素(由Sheric解釋)至100%,發生以下情況的高度:

height: 100% of 100 = 100%,從而將產生父的整個高度。

0

定義你的父元素height: 100%;,也html,body{height: 100%;}然後給你的height: 100%;子元素。