सीएसएस: निचले सही में तत्व स्थिति कैसे करें?

Question

मैं निचले दाहिने कोने में "5 दिन पहले बेट" पाठ तत्व को रखने की कोशिश कर रहा हूं। मैं यह कैसे हासिल कर सकता हूं? और, अधिक महत्वपूर्ण बात, कृपया समझाएं ताकि मैं सीएसएस को जीत सकूं!

Comments

यदि आप हमें अपना HTML और CSS दिखाएंगे जो आपके पास वर्तमान में है तो आसान होगा।

— जॉन हार्टसॉक

CSS को जीतने पर, मैं निम्नलिखित पुस्तक books.google.ie/books/about/…

— फिलिप मर्फी

Answer 1

कहते हैं कि आपका HTML कुछ इस तरह दिखता है:

<div class="box">
    <!-- stuff -->
    <p class="bet_time">Bet 5 days ago</p>
</div>

फिर, सीएसएस के साथ, आप उस पाठ को नीचे दाईं ओर प्रदर्शित कर सकते हैं जैसे:

.box {
    position:relative;
}
.bet_time {
    position:absolute;
    bottom:0;
    right:0;
}

जिस तरह से यह काम करता है वह यह है कि पूरी तरह से तैनात तत्वों को पहले अपेक्षाकृत तैनात मूल तत्व, या खिड़की के संबंध में हमेशा तैनात किया जाता है। क्योंकि हम बॉक्स की स्थिति को सापेक्ष में सेट करते हैं, .bet_timeइसके दाहिने किनारे को इसके दाईं ओर .boxऔर इसके निचले किनारे को नीचे के किनारे पर स्थित करते हैं.box

Comments

लेकिन अगर .boxखुद ही बनना है तो इसे कैसे हल करें position:absolute? असंभव?

— ब्लैक

आपका .boxअब भी है position:relative।

— ब्लैक

.box2हैposition:absolute

— ऑस्टिन हाइड

आपको माता-पिता को सेट करने की आवश्यकता हो सकती हैdisplay:inline-block;

— बिलीनेयर

कंटेनर सापेक्ष होना चाहिए, और उसमें सामग्री को स्थिति के लिए पूर्ण होना चाहिए, शानदार! धन्यवाद

— हारूनो सारिपुत्र

Answer 2

position: relative;बॉक्स पर CSS सेट करें । इससे वस्तुओं के सभी पूर्ण स्थान उस बॉक्स के कोनों के सापेक्ष हो जाते हैं। फिर निम्नलिखित सीएसएस को "बेट 5 दिन पहले" लाइन पर सेट करें:

position: absolute;
bottom: 0;
right: 0;

आप किनारे से पाठ दूर अंतरिक्ष की जरूरत है, तो आप को बदल सकता है 0करने के लिए 2pxया इसी तरह की।