I'm working on a HTML page and I have been trying to figure out how to align an iframe at the bottom of the page so that it spans the entire width. Despite my efforts, I haven't been successful in getting the iframe to align properly at the bottom. Below is the code snippet with the iframe tag located at the bottom of the page.
<html>
<body>
<p>I've omitted the rest of the code for brevity.</p>
<p>The iframe should be positioned at the bottom of the page, following a long list of jQuery scripts, images, etc.</p>
<iframe src ="bottom.html" width="100%" height="200" style="float:bottom" scrolling="no" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>