2012-10-31 8 views
13

मैं एक सामान्य गैर-फ़्लोटिंग DIV करता है जैसे व्यवहार करने के लिए iframe प्राप्त करने का प्रयास कर रहा हूं। यानी माता-पिता की पूरी चौड़ाई पर कब्जा करें। क्या यह संभव है? कह display: div;पूर्ण चौड़ाई पर कब्जा करने के लिए आईफ्रेम कैसे प्राप्त करें (यानी एक div की तरह प्रदर्शित करें)

संपादित के लिए कुछ बराबर के लिए खोज रहे: के बाद से मैं बाईं ओर एक और चल तत्व है मैं width: 100% के लिए नहीं देख रहा हूँ। एक गैर-फ्लोटिंग डीआईवी दायीं तरफ बाकी जगह ले जाएगा। यह वह व्यवहार है जिसे मैं प्राप्त करना चाहता हूं। http://jsbin.com/erapuv/1/edit

+1

क्या आपने शैली = "चौड़ाई: 100%" सेटिंग करने का प्रयास किया है? –

+0

@PabloRomeo - कृपया ऊपर मेरा संपादन देखें। मैं जो दिख रहा हूं उसे डेमो करने के लिए एक पहेली पोस्ट करूंगा। – techfoobar

+1

समझ गया, संपादन स्पष्टीकरण में सहायक था। Litek का जवाब देखें। वह चाल हो सकता है। –

उत्तर

18

आप overflow:hidden साथ तत्व में अपने iframe रैप करने के लिए है कि कब्जा होता है - सही पर एक IFRAME के साथ: http://jsbin.com/onaxax/1/edit

काम नहीं - सही पर एक DIV के साथ:

कार्य शेष स्थान, और iframe की चौड़ाई 100% सेट करने के बजाय।

Example

+1

इसे डिस्प्ले कहा जाता है: ब्लॉक –

+0

भयानक होगा यदि आप सीएसएस में ऊंचाई टाइपो को ठीक कर रहे थे :)। धन्यवाद – jlengrand

+4

एचटीएमएल 5 के साथ यह अब काम नहीं करता है: IFRAME चौड़ाई विशेषता पिक्सेल होना चाहिए, और प्रतिशत नहीं हो सकता है। –

संबंधित मुद्दे