स्थिति के संबंध में ऊंचाई और शीर्ष विशेषता क्यों काम नहीं करती है?

Question

इस शीर्ष

<div style="height: 10em; width: 50%; left: 25%; top:2em; position: relative; background: white;">Hello World</div> 

यह नीचे दिए गए बॉक्स में एक छोटे से स्थिति शीर्ष के निकट बॉक्स की स्थिति होगी और ऐसा लगता है कि न तो ऊंचाई और न ही शीर्ष संपत्ति
काम कर रहे है। बॉक्स की ऊंचाई 50% नहीं है, और बॉक्स शीर्ष से 50% नीचे नहीं है।

<div style="height: 50%; width: 50%; left: 25%; top:20%; position: relative; background: white;">Hello World</div> 

मैं बहुत ज्यादा इस सामग्री में अभी शुरुआत कर रहा हूँ, लेकिन अगर छोड़ दिया और एक प्रतिशत के साथ चौड़ाई काम ऊपर और ऊंचाई नहीं करना चाहिए यह प्रतीत होता है?

Answer 1

आपका बॉक्स एक height अपनी मूल का एक प्रतिशत है कि यदि इसके जनक एक निश्चित ऊंचाई नहीं है, नहीं हो सकता है क्योंकि तब बॉक्स नहीं जानता कि कैसे उच्च इसे होने की (आम तौर पर इस तरह के एक माता पिता होगा की जरूरत है body या कुछ अन्य रैपर तत्व)।

एक प्रत्यक्ष परिणाम के रूप में, top प्रतिशत के साथ कोई प्रभाव नहीं पड़ेगा।