我在页面的顶部有一个窗体,高度为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%;}? –