100% चौड़ाई div काट दिया जाता है जब मैं सही स्क्रॉल करता हूं यदि मेरी ब्राउज़र विंडो div की सामग्री से छोटी है

Question

मुझे <div> के साथ अपनी साइट पर 100% चौड़ाई वाली समस्या थी। इसके लिए कोड नीचे दिखाया गया है।

#myDiv { 
    width: 100%; 
    height: 160px; 
    background: #f48; 
} 

यह निम्न समस्या के अलावा महान काम करता है:

जब मेरे ब्राउज़र विंडो <div> की सामग्री से छोटा होता है, और मैं तो सही करने के लिए स्क्रॉल मेरी <div> के बाकी के साथ बाएं ले जाएं जाएगा पृष्ठ के स्क्रोल करने योग्य क्षेत्र की चौड़ाई की 100% पर कब्जा करने के बजाय पृष्ठ।

यह समस्या मुझे कुछ घंटों तक परेशान कर रही है और हाल ही में मुझे एहसास हुआ कि कई अन्य साइटों में एक ही समस्या है। फेसबुक.com और Stackoverflow.com सहित बस नीचे मेरे स्नैपशॉट्स पर एक नज़र डालें।

फेसबुक के बग: ​​

Stackoverflow के बग: ​​

Answer 1

ठीक है, इसे हल! मुझे बस min-width संपत्ति को उस <div> की सामग्री की चौड़ाई पर सेट करना होगा।

धन्यवाद वैसे भी लोग!

Answer 2

आपने यह कैसे प्रयास किया? IE7 में यह परीक्षण किया गया:

html, body { 
    position:relative; 
    overflow:hidden; 
    margin:0 auto !important; 
} 

Answer 3

मैं width: auto; की कोशिश की है और यह मदद की।

Answer 4

मैंने इस समस्या को display: inline-block के साथ हल किया है। यहां उदाहरण है: http://jsfiddle.net/z01g0r2d/1/। ध्यान दें कि यदि आप लंबी सामग्री की चौड़ाई सेट करने का प्रयास करते हैं, उदाहरण के लिए, 200% समाधान समाधान बंद कर देता है।