"अतिप्रवाह" संपत्ति के "ओवरले" मान का कार्य क्या है?

Question

मैं "ओवरले" & "ऑटो" के बीच के अंतर को समझने में असमर्थ हूं। क्या "ओवरले" "ऑटो" के समान काम करता है?

Answer 1

केवल अंतर यह है कि overflow: overlay केवल -वेबिट ब्राउज़र द्वारा समर्थित है, गैर-मानकीकृत है, और सामग्री को स्क्रॉलबार के नीचे विस्तारित करने की अनुमति देता है - जबकि overflow: auto स्क्रॉलबार के नीचे सामग्री को विस्तारित करने की अनुमति नहीं देगा, अगर ऐसा लगता है 'आवश्यक स्थान पर कब्जा कर लेगा और तदनुसार सामग्री को स्थानांतरित करेगा (या तो लंबवत या क्षैतिज)।

p { 
 
    display: inline-block; 
 
    width: 12em; 
 
    height: 5em; 
 
    border: dotted; 
 
} 
 

 
p.overflow-auto { overflow: auto; /* append scrollbars if necessary and shift content accordingly to accommodate */ } 
 

 
p.overflow-overlay { overflow: overlay; /* append scrollbars if necessary and overlay over/above content */ }

<p class="overflow-auto">overflow: auto 
 
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p> 
 

 
<p class="overflow-overlay">overflow: overlay 
 
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>

ऊपर टुकड़ा के रूप में इस अंतर को दर्शाता है:

p.overflow-auto { overflow: auto; /* append scrollbars if necessary and shift content accordingly to accommodate */ } 

p.overflow-overlay { overflow: overlay; /* append scrollbars if necessary and overlay over/above content */ }