JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top-element">Some div that has greater width than the inner div</div>
<div id="iframe-wrapper">
    <iframe src="http://www.apple.com/" scrolling="auto"></iframe>
</div>

CSS

div#iframe-wrapper {

    bottom: 45px;
    width: 200px;
    height:400px;
    margin: 0 auto;
}

div#iframe-wrapper iframe {

    height: 100%;
    width: 100%;
}

div#top-element{
    width: 800px;
    color: black;
    background: orange;
}
}