Dúvida Iframe

Estou com problema para aumentar a altura do iframe.
O que está errado?

Obs: Talvez seja uma dúvida besta,mas estou aprendendo sozinho…

html ->

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="Estilo.css">
	<title>Home</title>
</head>

<body>
	<div class="cabecalho">
		<p id="p2">Física</p>
	</div>
	
	<div id="menu">
		<ul>
			<li><a href="Inicio.html">Home</a></li>
			<li><a href="News.html">News</a></li>
			<li><a href="#contato">Contato</a></li>
			<li><a href="Login.html">Login</a></li>	
		</ul>
	</div>
	
	</br>
	
	<div class="esquerda">
		<iframe style="width:100%; height:100%" src="iframe.html" frameborder="0" ></iframe>
	</div>

css ->.

body {
	background-size: 1000px 1000px; 
	background-color: #E0FFFF;
}

#data{ /*alinha o data js e os videos*/
	margin-left: 15% 
}

.cabecalho{
	/*background-image: linear-gradien(to bottom, black, white);*/
	border-style: double;
	border-radius: 10px;
	height:200px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0;
	background-image:linear-gradient(to bottom, #87CEFA,#ADD8E6	);
}

p {
	font-family: "Arial rounded MT bold";
	font-size: 18px;
	margin-top: 1%;
	margin-left: 2%;
	text-align: justify;
}

#p2 { /*Usado no texto do cabeçalho*/
	font-family: "Arial rounded MT bold";
	font-size: 500%;
	margin-top: 4%;
	text-align: center;
}

#p3 { /*Rodapé e descrição de imagens*/
	font-family: "Arial rounded MT bold";
	font-size: 11px;
	margin-top: 4%;
	text-align: center;
}

.esquerda {/*Alinha o conteudo principal à esquerda.*/
	width: 60%;
	float: left;
}

.direita {/*Alinha o conteudo secundário à direita*/
	display: inline;
	width: 30%;
	position: relative;
	float: right;
	top: 50%;
}

#menu {/*Altera a base do menu*/
	width:100%;
	/*background-image:linear-gradient(to bottom, black,white);*/
	margin-top:5px; 
}

#menu ul{/*Altera a barra do menu*/
	margin:0px;
	padding:0px;
	border:1px solid black;
	border-radius: 5px;
	font-family:"Arial rounded MT bold";
	font-size:18px;
	list-style:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    display:table;
}
	
#menu ul li {/*Altera as células do menu*/
	float:left;
	width:140px;
	height:30px;
	text-align:center;
	/*border-right:1px solid black;*//*-------Adiciona barra divisória entre as células do menu--------*/
	position:relative;
	padding-top:4px;
	cursor:pointer;
}

/*	
#menu ul li ul{
	margin-top:20px;
	position:absolute;
	display:none;
}

*/ /*-----------!Testar os submenus!----------*/
		
#menu ul li a{ /*texto da celula*/
	font-family:"Arial rounded MT bold","Verdana","Geneva","sans-serif";
	font-size:14px;
	color:#000000;
	text-decoration:none;
}

#menu ul li:hover{/*efeito do mouse no menu*/
	font-weight: bold;
}

table { 
	margin-right:auto; margin-left:auto; 
}

#rodape {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px;
	background-color:#8B7D7B;
	text-align:center;
}

iframe {
	display:block; 
	width:100%;
	border:none
}

Boa noite Jhonathan, você está querendo aumentar mais, mas está com um pequeno erro que passou despercebido, quando você declara o <iframe></iframe> Você já está declarando ele com 100% de altura e 100% de largura, por isso está com dificuldade em aumentar. Tente usar as medidas px na altura e largura para tentar resolver, mas se quiser algo de qualidade aprenda um pouco mais sobre as medidas rem e em isso vai tornar seu código mais flexível.