100% स्क्रीन चौड़ाई निश्चित चौड़ाई div सीएसएस में नेस्ट

Question

मैं एक नेस्टेड div पाने के लिए div है कि यह इन/नेस्ट निहित है से बाहर स्क्रीन पर पूरी चौड़ाई बनने की कोशिश कर रहा हूँ।

http://jsfiddle.net/TheeAndre/JAdps/

<div class="fixedwidth"> 
    <div class="fullwidth"></div> 
</div> 

Answer 1

कोशिश यह:

.fullwidth { 
    background-color:#000; 
    width:100%; 
    height:100px; 
    position:absolute; 
    z-index:999; 
    left: 0; 
    right: 0; 
} 

Answer 2

width:100vw; 

01 का प्रयास करें संगतता के मुद्दों के लिएबजाय

width:100%; 

की जांच: http://caniuse.com/#search=vw

Pascalz, हाँ अपने jsfiddle में यह काम करता है, लेकिन केवल जब तक आप एक स्थिति अपने माता पिता के लिए स्थिर अलावा अन्य निर्दिष्ट नहीं करते हैं के रूप में। कई मामलों में आपको अपने माता-पिता की स्थिति होने की आवश्यकता होती है: सापेक्ष, इसलिए बच्चा चौड़ाई से संबंधित होगा: 100% पैरेंट चौड़ाई के लिए।