La mia domanda è simile a IFRAME and conflicting absolute positions, ma in particolare voglio sapere PERCHÉ non è possibile impostare sia la sinistra/destra o superiore/inferiore in un iframe e farlo funzionare.perché non è possibile utilizzare il posizionamento assoluto di iframe per impostare l'altezza/larghezza
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
iframe { position: absolute; display: block; top: 0; bottom: 0; left: 10px; width:100px; border: 1px solid black;}
div { position: absolute; display: block; top: 0; bottom: 0; left: 200px; width:100px; border: 1px solid black;}
</style>
</head>
<body>
<iframe></iframe>
<div></div>
</body>
</html>
Il div occupa l'intera altezza del browser. L'iframe è alto 150 px. È lo stesso in Chrome 17, Firefox 11 e IE9. Chiaramente questa non è una stranezza del browser. C'è qualcosa nelle specifiche HTML5 che dice che non è possibile impostare sia a sinistra/a destra o in alto/in basso su un iframe per impostare l'altezza.
Cos'è speciale su iframes (vs divs)?
questo non risponde alla domanda, OP non era alla ricerca di una soluzione al problema, piuttosto una spiegazione del motivo per cui ha sostituito un iframe non può essere posizionato assolutamente –