CSS高度属性不适用于iframe?

时间:2015-02-16 16:50:01

标签: html css iframe height

我不知道自己做错了什么,

当我启动此脚本时,地图(iframe)不知道为什么我的身高属性不起作用。t as high as I would expect. I don当我把价值变大时,它没有任何区别。而且我想保持百分比的值,所以它是静态的。

Thnx的帮助!

修改 我看到它写在另一个问题上,但到目前为止我找不到解决方案了。 所以我的问题是什么应该是我的问题的正确解决方案?

TEXTTT是个人

HTML:

<!doctype html>
<!--[if IE]><![endif]-->
<!--[if IE 7]><html xml:lang="nl-NL" lang="nl-NL" class="ie ie7"><![endif]-->
<!--[if IE 8]><html xml:lang="nl-NL" class="ie8"><![endif]-->
<!--[if (lt IE 8)|(gt IE 8)|!(IE)]><!--><html xml:lang="nl-NL" lang="nl-NL"><!--<![endif]-->
<head>
<!--[if (gt IE 8)|!(IE)]><!--><link rel="stylesheet" href="abc.css" type="text/css"/><!--<![endif]-->
<!--[if (IE 7)|(IE 8)]><link rel="stylesheet" href="/presentation/legacy-ie-14.7.1.min.css" type="text/css" media="screen,print" /><![endif]-->
<div id="content" class="article">
<div class="centerr"><div class="text"><h2 class="contact">TEXTTTTEXTTT</h2>
TEXTTT <br>
TEXTTT <br>
<br>
<h2 class="contact">TEXTTT</h2>
<a href="mailto:info@TEXTTTT.nl?subject=Verzoek om informatie">TEXTTTT</a><br>
TEXTTT<br>
TEXTTT<br>
<h2>TEXTTT</h2>
TEXTTT<br>
TEXTTT<br>
<br>
<br>
<i>TEXTTTTEXTTTTEXTTT</i><br></div>

<div class="iframe"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=Imkerstraat%2010%2C%20Berkel%20en%20Rodenrijs%2C%20Nederland&key=AIzaSyD5wvbGVXfDjEJ5Dvw_c52UCnGmu81UPkI"></iframe>
</div></div>
</body>
</html>

CSS:

.text {
    float: left;
}
.iframe {
    float: left;
    width: 40%;
    height: 80% !important;
}
.centerr {
    height: 100%;
    width: 100%;
}
iframe {
    width: 100%;
    height: 100%;
}

0 个答案:

没有答案