Why cannot I use iframe absolute positioning to set height/width

iFrames are replaced elements and considered different than non-replaced elements. The<div> element is a non-replaced element.

To achieve the same result i.e. to set both the left/right or top/bottom in an iframe, use a div as a wrapper with absolute position, top, left, right, bottom.

Place your iframe with −

width:100%
height:100%.

Samual Sam

Published on 06-Apr-2018 08:10:33

• Related Questions & Answers
• Absolute Positioning with CSS
• Absolute Positioning in CSS
• Absolute Positioning Using CSS
• How do I set browser width and height in Selenium WebDriver?
• How to set cell width and height in HTML?
• How to set viewport height and width in CSS
• How I can set the width and height of a JavaScript alert box?
• How to use height and width attributes in HTML?
• How can I set an ImageView's width and height programmatically in Android?
• How can I get android device screen height, width?
• How to set width and height of an element using jQuery?
• How to use image height and width attribute in HTML Page?
• How can I set an ImageView's width and height programmatically in Android using Kotlin?
• How to set the height/width of a Label widget in Tkinter?
• Why should I use Hubspot?