多個div如何具有85％的高度和100％的寬度？

我的問題是關於有2個div有85％的高度和100％的寬度，但只能一次顯示一個。現在是第二個div顯示奇怪。多個div如何具有85％的高度和100％的寬度？

看看這裏，然後選擇（menuslider->選擇下籤證「格拉夫」。）在那裏，你將看到第二個div不具有寬度100％和85％的高度，我可以在一個簡單的解決這個問題辦法？

下面是HTML：

<div id="mainContent"> 
<div id="googleMap"></div> 
<div id="GraphWindow">dw 
<iframe src="prototype.html" frameborder="" name="" width="" height="" scrolling="no"> Sorry your browser does not support frames or is currently not set to accept them.</iframe> 
</div> 
</div>

這裏是CSS：

html {height:100%} 
body {height:100%;margin:0;padding:0} 

#mainContent{ 
height:85%; 
width:100%; 
    margin-left: auto ; 
    margin-right: auto ; 
} 

#graphWindow{ 
height:85%; 
width:100%; 
    margin-left: auto ; 
    margin-right: auto ; 
} 
#googleMap { 
height:85%; 
width:100%; 
    margin-left: auto ; 
    margin-right: auto ; 

}

這裏是JavaScript顯示或隱藏的圖形：

function selectMainView(){ 
    if(document.details.title.value == "map"){ 
     document.getElementById("googleMap").style.display = "block"; 
     document.getElementById("GraphWindow").style.display = "none"; 
    } 
    else{ 
     document.getElementById("googleMap").style.display = "none"; 
     document.getElementById("GraphWindow").style.display = "block"; 
    } 
}

來源

2012-12-15 anders

解決什麼？你從來沒有真正說出你想要的。 – Sparky

我只有Map時才能看到Map，而當我點擊Graph時只有'GraphWindow'。那麼問題是什麼？ –

設置高度和寬度屬性到iframe

<iframe src="prototype.html" frameborder="" name="" width="100%" height="85%" scrolling="no"> Sorry your browser does not support frames or is currently not set to accept them.</iframe>

來源

2012-12-15 18:08:48 SaidbakR

你div具有ID GraphWindow（大寫G）和你的CSS選擇器是#graphWindow（小寫克）。

更改其中一個讓它們匹配套管。

你也應該改變iframe有width和100％

來源

2012-12-15 18:10:36

設置#GraphWindowheight到#graphWindow ......也許，拼寫錯誤？仔細檢查你的CSS，區分大小寫！

（提示：嘗試使用「螢火蟲」，檢查和調試它下一次）

來源

2012-12-15 18:15:46

修改你的CSS是這樣的：

html {height:100%} 
body {height:100%;margin:0;padding:0} 

#mainContent{ 
height:85%; 
width:100%; 
    margin-left: auto ; 
    margin-right: auto ; 
} 

#GraphWindow{ 
height:85%; 
width:100%; 
    margin-left: auto ; 
    margin-right: auto ; 
} 

#GraphWindow iframe{ 
height:100%; 
width:100%; 
} 

#googleMap { 
height:85%; 
width:100%; 
    margin-left: auto ; 
    margin-right: auto ; 
}

來源

2012-12-16 06:06:02 ATOzTOA

多個div如何具有85％的高度和100％的寬度？

回答

相關問題