gpt4 book ai didi

html - iframe 的长度

转载 作者:太空宇宙 更新时间:2023-11-04 15:06:18 25 4
gpt4 key购买 nike

我的网站上有这段代码,它在 Firefox 中运行良好,但 Chrome 无法正常运行,无法在 Chrome 中运行。我试图将 iframe 设置为 Height: 95% 但它不准确。注意:在 iframe 的高度 jsFiddle 看起来很糟糕(不知道为什么)

在 Chrome 中: In chrome

在火狐中: In firefox

<html>
<body>
<header>
</header>
<nav>
</nav>
<content>
<div style="padding-left:180px;padding-top:45px">
<iframe src="http://message2space.es.vu" name="c" id="c" frameborder="0"></iframe>
</div>
</content>
</html>
<!-- and the css: --!>
header{
z-index:100000001;
height:45px;
width:100%;
background: -webkit-linear-gradient(#A9A9A9, #797979);
background: -moz-linear-gradient(#A9A9A9, #797979);
background: -o-linear-gradient(#A9A9A9, #797979);
left: 0px;
position: absolute;
top: 0px;
background-color:#A9A9A9
}
nav{
position:absolute;
top:0px;
left:0px;
z-index:10000000;
background-color: #424242;
height:100%;
width:180px;
}
content{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%
}
iframe{
width:100%;
height:100%
}

http://jsfiddle.net/gsu2H/1/

最佳答案

我会说 Chrome 显示是正确的。因为您试图提供 100% 的高度以及 45 像素的偏移

一个简单的解决方案是使用 box-sizing 更改元素的 CSS 盒模型,因此只需更改这一行:

<div style="padding-left:180px;padding-top:45px">

收件人:

<div style="box-sizing:border-box;padding-left:180px;padding-top:45px;height:100%">

您可能希望将 -moz- 供应商前缀添加到 box-sizing 因为 Firefox doesn't support W3C 版本。

关于html - iframe 的长度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15850703/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com