क्या jQuery/जावास्क्रिप्ट के बिना तत्व को अपने 'दादाजी' में संरेखित करने का कोई तरीका है?

Question

मुझे अपने 'दादा' के किनारे एक तत्व को संरेखित करने की आवश्यकता है।

यहाँ कोड का एक उदाहरण है:

<div id='grandparent'> 
    <div class='parent' style='display:inline-block'> 
    <div class='child'></div> 
    </div> 
    <div class='parent' style='display:inline-block'> 
    <div class='child'></div> 
    </div> 
    <div class='parent' style='display:inline-block'> 
    <div class='child'></div> 
    </div> 
    <div class='parent' style='display:inline-block'> 
    <div class='child'></div> 
    </div> 
</div> 

तो .parent तत्वों तैनात इनलाइन जो #grandparent तत्व की चौड़ाई पर निर्भर करेगा होने जा रहे हैं। मुझे #grandparent के बाएं किनारे पर स्थित प्रत्येक .child तत्व की आवश्यकता है।

किसी भी मौका जावास्क्रिप्ट के बिना संभव है?

Answer 1

दादाजी के लिए एक सापेक्ष स्थिति और बच्चे तत्वों के लिए एक पूर्ण स्थिति असाइन करें। फिर अपने वांछित प्रभाव प्राप्त करने के लिए बच्चों के तत्वों (जो दादा दादी के संबंध में है) के शीर्ष, बाएं, नीचे, दाएं गुणों का उपयोग करें।