Iframe in Table

by dmitri14

HTML

<div class="row-container">
  <div class="first-row">
    <p>Some text</p>
  </div>
  <div class="second-row">
    <iframe src="https://jsfiddle.net/about"></iframe>
  </div>
</div>

CSS

body, html, .row-container, .second-row, iframe {
  width: 100%; height: 100%; margin: 0; padding: 0
}  
.row-container {display: table; empty-cells: show; border-collapse: collapse;}
.first-row {display: table-row; overflow: auto;}
.second-row {display: table-row; height: 100%; overflow: hidden }
iframe {border: none; display: block;}