2
我有兩個單獨的標記位於同一頁面上。2放置在同一頁面上時,具有不同高度的iFrame顯示爲相同大小
他們都在<container>
div和每個只顯示每個頁面的一部分。
問題是,當我嘗試將它們放在同一頁面上時,底部與頂部的高度相同,即使我明確設置了每個的高度。
儘管每個都設置爲不同的高度,但當我嘗試將它們放在一起時,它會混淆視聽。
任何幫助將不勝感激。謝謝!
這裏是我的代碼:
HTML:
<div dir="ltr" style="text-align: left;" trbidi="on">
<title></title>
<style type="text/css">
<!--
#container{
width: 380px;
height: 360px;
overflow: hidden;
}
#container iframe {
width: 600px;
height: 475px;
margin-left: -15px;
margin-top: -90px;
border: 0;
}
-->
</style>
<div id="container">
<iframe height="200" scrolling="no" src="https://docs.google.com/spreadsheet/viewform?hl=en_US&formkey=dHJjVk94bExPMmxtaExmX1FSckpicGc6MQ#gid=0" width="600">
</iframe>
</div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<title></title>
<style type="text/css">
<!--
#container {
width: 400px;
height: 65px;
overflow: hidden;
}
#container iframe {
width: 600px;
height: 675px;
margin-left: -20px;
margin-top: -350px;
border: 0;
}
-->
</style>
<div id="container">
<iframe height="200" scrolling="no" src="http://scores.espn.go.com/nfl/boxscore?gameId=310818027" width="600">
</iframe>
</div>
</div>