Jak uzyskać element iframe do zajmowania pełnej szerokości (to znaczy wyświetlania jako elementu div)?

Próbuję uzyskać, aby iframe zachowywał się jak zwykły, niepływający DIV. tj. zajmują całą szerokość rodzica. czy to możliwe? Szukasz czegoś równoważnego mówiąc display: div;Jak uzyskać element iframe do zajmowania pełnej szerokości (to znaczy wyświetlania jako elementu div)?

Edycja: Ja nie szukam width: 100% ponieważ mam inny pływający element po lewej stronie. Niepłynny DIV zajęłby resztę miejsca po prawej stronie. To jest zachowanie, które zamierzam osiągnąć.

Praca: Z DIV po prawej - http://jsbin.com/onaxax/1/edit

nie działa: Z IFRAME po prawej - http://jsbin.com/erapuv/1/edit

Źródło

2012-10-31 techfoobar

Czy próbowałeś ustawić styl = "width: 100%"? –

@PabloRomeo - Proszę zobaczyć moją edycję powyżej. Postawię skrzypce na demo, czego szukam. – techfoobar

Rozumiem, zmiana była pomocna w wyjaśnieniu. Sprawdź odpowiedź Litka. To może załatwić sprawę. –

Trzeba owinąć iframe w elemencie z overflow:hidden które zajmują pozostałe miejsce, a następnie ustaw szerokość iframe na 100%.

Example.

Źródło

2012-10-31 13:37:49 Litek

Nazywa się wyświetlacz: blok –

byłby niesamowity, gdybyś naprawiał literówkę wysokości w css :). Dzięki – jlengrand

z HTML5 to już nie działa: szerokość IFRAME musi być pikselami i nie może być procentowa. –

Jak uzyskać element iframe do zajmowania pełnej szerokości (to znaczy wyświetlania jako elementu div)?

Odpowiedz

Powiązane problemy