2011-07-26 64 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