2011-07-26 91 views
0

我在頁面的頂部有一個窗體,高度爲20-30px,寬度爲100%。下面有一個高度爲100%,寬度爲100%的iframe。但是這會帶來滾動,因爲頁面的高度超出了界限。修復iframe位置

如何在不進行滾動的情況下使兩者均適合100%?

PS我知道改變高度的iframe的83%,將使其工作,但僅限於鉻,IE瀏覽器是不同的故事...

+0

是你的CSS集:html,body {height:100%;}? –

回答

0

嘗試將有position:absolute在位置上形式:

form{ 
     width:100%;height:30px; 
} 
iframe{ 
     width:100%;position:absolute;top:30px;bottom:0px; 
} 
+0

你怎麼確定表單將是30px?在鉻它有一個尺寸,在IE中它是不同的。 – htmlnoob

+0

那麼,如果它在一個瀏覽器中看起來是一種方式,而在另一個瀏覽器中則完全不同,那麼這是一件壞事。如果您將表單的高度設置爲30像我的答案中所示,那麼它將在所有瀏覽器中呈現相同的高度。 – element119