Come ottenere un iframe per occupare tutta la larghezza (ad es. Come un div)

Sto cercando di ottenere un iframe come un normale non fluttuante DIV. ad esempio occupiamo tutta la larghezza del genitore. È possibile? Alla ricerca di qualcosa equivale a dire display: div;Come ottenere un iframe per occupare tutta la larghezza (ad es. Come un div)

Edit: Io non sto cercando width: 100% dal momento che ho un altro elemento flottante a sinistra. Un DIV non fluttuante prenderà il resto dello spazio a destra. Questo è il comportamento che sto cercando di ottenere.

Lavorare: Con un DIV sulla destra - http://jsbin.com/onaxax/1/edit

non funziona: Con una IFRAME a destra - http://jsbin.com/erapuv/1/edit

fonte

2012-10-31 techfoobar

hai provato a impostare lo stile = "larghezza: 100%"? –

@PabloRomeo - Si prega di consultare la mia modifica sopra. posterò un violino per dimostrare quello che sto cercando. – techfoobar

Capito, la modifica è stata utile per chiarire. Dai un'occhiata alla risposta di Litek. Questo potrebbe fare il trucco. –

Dovete avvolgere il vostro iframe in elemento con overflow:hidden che occuperebbe lo spazio rimanente e quindi impostare la larghezza dell'iframe al 100%.

Example.

fonte

2012-10-31 13:37:49 Litek

Si chiama display: il blocco –

sarebbe fantastico se si stesse correggendo l'errore di battitura nel css :). Grazie – jlengrand

Con HTML5 questo non funziona più: l'attributo di larghezza IFRAME deve essere pixel e non può essere percentuale. –

Come ottenere un iframe per occupare tutta la larghezza (ad es. Come un div)

risposta

Problemi correlati