我在頁面的頂部有一個窗體,高度爲20-30px,寬度爲100%。下面有一個高度爲100%,寬度爲100%的iframe。但是這會帶來滾動,因爲頁面的高度超出了界限。修復iframe位置
如何在不進行滾動的情況下使兩者均適合100%?
PS我知道改變高度的iframe的83%,將使其工作,但僅限於鉻,IE瀏覽器是不同的故事...
我在頁面的頂部有一個窗體,高度爲20-30px,寬度爲100%。下面有一個高度爲100%,寬度爲100%的iframe。但是這會帶來滾動,因爲頁面的高度超出了界限。修復iframe位置
如何在不進行滾動的情況下使兩者均適合100%?
PS我知道改變高度的iframe的83%,將使其工作,但僅限於鉻,IE瀏覽器是不同的故事...
嘗試將有position:absolute
在位置上形式:
form{
width:100%;height:30px;
}
iframe{
width:100%;position:absolute;top:30px;bottom:0px;
}
你怎麼確定表單將是30px?在鉻它有一個尺寸,在IE中它是不同的。 – htmlnoob
那麼,如果它在一個瀏覽器中看起來是一種方式,而在另一個瀏覽器中則完全不同,那麼這是一件壞事。如果您將表單的高度設置爲30像我的答案中所示,那麼它將在所有瀏覽器中呈現相同的高度。 – element119
是你的CSS集:html,body {height:100%;}? –