высота 100 и IFrame = Две полосы прокрутки

Question

У меня есть это:

<div style="height:100%"> 
<div id="menu" style="height:30px;width:100%">Ouhlala</div> 
<iframe width="100%" frameborder="0" height="100%" src="baba"></iframe> 
</div> 

Он показывает мне 2 полосы прокрутки. Высота iframe составляет 100%, но, наконец, 100% + 30 пикселей. Я не знаю, как решить, что

Answer 1

Вы можете использовать свойство calc() так:

<div class="container"> 
    <div id="menu" style="height:30px;width:100%">Ouhlala</div> 
    <iframe frameborder="0" src="baba"></iframe> 
</div> 

CSS

.container iframe{ 
    height:calc(100% - 30px); 
} 

Дурные об этом, возможно, является совместимость _{check it here}