2013-03-31 12 views
7

मैं सच में समझ में नहीं आता क्या स्पष्ट के बीच का अंतर है: दोनों और अतिप्रवाह: ऑटोस्पष्ट: दोनों या ओवरफ़्लो: ऑटो, जो बेहतर है?

मैं इसे बाहर का परीक्षण किया और कार्यक्षमता उसी तरह काम करता है, किसी को क्यों उन दो काम करता है उसी तरह समझाएंगे?

मैं क्या कुछ लेख और सवालों में देखा है से,

अतिप्रवाह: ऑटो इसके अंदर तैरता के साथ एक कंटेनर में इस्तेमाल किया जा सकता है। और यह एक खाली div का उपयोग करने के लिए कोई जगह नहीं लेता है।

फिर भी, मुझे इस पर संदेह है, यह भविष्य में मेरे कोड खराब कर सकता है।

यहां मेरे प्रश्नों के समान प्रश्नों की सूची दी गई है। फिर भी, मेरे पास मेरे प्रश्न का उत्तर नहीं है, शायद यह मेरे लिए अस्पष्ट है।

hr clear vs div clear. Which is better?

3 column html template - content overflows though there is clear both and height is 100%

+0

संबंधित: [करो "clear: both" और "अतिप्रवाह: छिपा हुआ" यही सिद्धांत है की ऊंचाई खींच के लिए div जो बच्चों को तैरता है?] (http://stackoverflow.com/q/36525006/3597276) –

उत्तर

8

overflow: auto (या hidden) स्वीकार्य कम से कम मामलों में जहां कंटेनर एक सेट ऊंचाई के रूप में इस एक स्क्रॉलबार पैदा होगा (या उमड़ती सामग्री छिपा है) में नहीं है।

http://jsfiddle.net/xSzcC/

फ्लोट समाशोधन वैसे भी clear शासन द्वारा किया जा करने का इरादा है।

आधुनिक ब्राउज़रों के लिए साफ़-फ़िक्सिंग very easy now है।

http://jsfiddle.net/xSzcC/1/

लिंक रोट के मामले में, कार्यात्मक हिस्सा है:

.cf:before, 
.cf:after { 
    content:""; 
    display:table; 
} 

.cf:after { 
    clear:both; 
} 
+0

लेकिन क्यों 'प्रदर्शन' तालिका '? 'डिस्प्ले: ब्लॉक' क्यों न करें या इसे डिफॉल्ट के रूप में छोड़ दें जो शायद इनलाइन है? – vahanpwns

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