2011-03-10 15 views
16

मैं नकारात्मक मार्जिन से जुड़े कई लेआउट तकनीकों में आया हूं, जैसे कि classic साइडबार स्थिति के लिए। ऐसा लगता है कि इन तकनीकों को सापेक्ष स्थिति के साथ आसानी से लागू किया जा सकता है।ऋणात्मक स्थिति बनाम नकारात्मक मार्जिन

बजाय इस की:

.sidebar { 
    position:relative; 
    left:-600px; 
} 

यह भी ऊर्ध्वाधर दिशा में क्लीनर हो सकता है रिश्तेदार स्थिति की तरह लगता है, के रूप में शीर्ष मार्जिन में गड़बड़ी हो सकती है:

.sidebar { 
    margin-left:-600px; 
} 

एक यह करना होगा मार्जिन मुद्दों को ध्वस्त करने से प्रभावित, आदि

क्या एक दूसरे के साथ कोई फायदा है, या वे व्यावहारिक रूप से समकक्ष हैं?

धन्यवाद

+0

ग्राफिक्स के बिना इसे समझाना मुश्किल है, जिसे मैं इस समय बनाने के लिए बहुत आलसी हूं। – animuson

+0

मुझे लगता है कि 'स्थिति रिश्तेदार' के साथ सफारी में नकारात्मक बाएं मूल्य काम नहीं करते हैं। – Ani

उत्तर

22

मुझे लगता है कि सापेक्ष स्थिति के लिए सामग्री परिवर्तन होगा छोड़ दिया है लेकिन मूल अंतरिक्ष यह द्वारा कब्जा हो जाएगा जब तक आप अगले तत्व रिश्तेदार भी हैं। हालांकि नकारात्मक मार्जिन के साथ सामग्री और इसकी मूल जगह दोनों को स्थानांतरित किया जाता है।

2

दोनों स्थिति संपत्ति और नकारात्मक मार्जिन का उपयोग होता है और दूसरा कोई बेहतर नहीं होता है। यह इस बात पर निर्भर करता है कि आप क्या करने की कोशिश कर रहे हैं। जब आप इसे बाएं दाएं नीचे बाएं स्थानांतरित करना चाहते हैं तो आप प्रत्येक तत्व को अपेक्षाकृत या बिल्कुल स्थिति में नहीं रखते हैं। आइए मान लें कि आपके पास एक साधारण <p> टैग है जिसे आप बाईं ओर ले जाना चाहते हैं, आप इसे स्थानांतरित करने के लिए बस स्थिति की स्थिति नहीं देते हैं। मार्जिन उपयोग करने के लिए उचित तरीका है। मार्जिन आपकी साइट पर अन्य तत्वों की स्थिति को प्रभावित करेगा जहां स्थिति अन्य तत्वों की स्थिति को प्रभावित किए बिना फ्लोट करेगा। स्थिति संपत्ति हालांकि कई तरीकों से उपयोग की जा सकती है, यह मुख्य रूप से मुख्य तत्वों के लिए उपयोग की जाती है जो आपकी साइट को पूर्व बनाता है: उदाहरण, हेडर, पाद लेख, रैपर, मेनू, सामग्री बाएं, सामग्री सही।

+2

@ हुसैन- क्या आप अपना जवाब कम कर सकते हैं? "मार्जिन आपकी साइट पर अन्य तत्वों की स्थिति को प्रभावित करेगा जहां स्थिति नहीं होगी।" आपका जवाब होना चाहिए- आपके सभी अन्य बयान व्यक्तिपरक हैं। – Yarin

7

बस (अधिक) रखो, सापेक्ष स्थिति पृष्ठ प्रवाह में अपनी जगह को प्रभावित किए बिना सापेक्ष तत्व की सामग्री को दृष्टि से बदल देगी। मार्जिन, दूसरी तरफ, अपनी प्राकृतिक स्थिति के सापेक्ष तत्वों को धक्का या खींचें, और इसलिए लेआउट को प्रभावित करें।

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