अतिप्रवाह? क्योंकि कंटेनर का आकार बड़ा हो जाता है, तत्वों को धक्का दिया जाता है

जब मैं "चौड़ाई: 800 पीएक्स" से "चौड़ाई: 1 9 00 पीएक्स" से ".container" में सीएसएस बदलता हूं तो सभी तत्व अचंभित हो जाते हैं। और नारंगी बॉक्स केंद्रित होने की बजाय बाईं तरफ झुकता रहता है। क्या कोई जानता है कि यह क्यों हो रहा है? मेरे दोस्त ने कहा कि यह ओवरफ्लो के साथ कुछ करने के लिए हो सकता है, लेकिन वह निश्चित नहीं था।

चित्र 1: चौड़ाई: 1 9 00 पीएक्स

चित्र 2: चौड़ाई 800 पीएक्स एचटीएमएल:

        <div id="orangeBox">

            

            <div id="snappyText">
                
Ever think,"Where are the most mediocre places to eat around here? I want me some of that."

</div> <div id="response">
Yeah, neither do we.

</div> White Line iPhone Video Screenshot App Store <div id="explanatoryText">
Dash is the quickest way to find good places to eat. In a world with too many choices and too much information, Dash clears the clutter and offers only the best in your area.

</div>
            twitter

            facebook

        </div><!--end orangebox-->
    </div><!--end container-->

CSS:

body{
    background: url(images/grayBackground.png);
}

/*orangeBox*/

#orangeBox{
    background-image:url(images/orangeBackground.png);
    background-repeat:no-repeat;
    position:relative;
}




.container{
    width:800px;
    margin:0 auto;
    position:relative;
}

width:1900px

width:800px

0
जोड़ा संपादित
विचारों: 1
आपके कोड में कोई # कंटेनर खोलने वाला टैग नहीं है।
जोड़ा लेखक Federico Giust, स्रोत

1 उत्तर

आप इस पर अपना सीएसएस क्यों नहीं बदलते हैं

min-width:800px;
    width:auto;

कोशिश करें कि यह काम करता है।

0
जोड़ा