डिज़ाइन पर प्रभाव डाले बिना एक div दाएं फ्लोट करें

Question

मैं अपने पृष्ठ के शीर्ष पर दाईं ओर एक div को फ़्लोट करना चाहता हूं। इसमें 50px वर्ग छवि है, लेकिन वर्तमान में यह पृष्ठ पर शीर्ष 50px के लेआउट पर प्रभाव डालती है।

वर्तमान में इसकी:

<div style="float: right;"> 
    ... 
</div> 

मैंने कोशिश की z- सूचकांक के रूप में मैंने सोचा था कि इस सवाल का जवाब हो सकता है, लेकिन मैं यह जा रहा नहीं मिल सका।

मुझे पता है कि यह कुछ आसान है जो मुझे याद आ रही है, लेकिन मैं इसे नाखून नहीं लग रहा हूं।

Answer 1

प्रभाव से आपका क्या मतलब है? सामग्री एक फ्लोट के आसपास बहती है। इस तरह वे काम करते हैं। आप सभी पर लेआउट को प्रभावित करने के लिए छवि नहीं करना चाहते हैं

z-index: 10; 
position: absolute; 
right: 0; 
top: 0; 

Answer 2

अपने position को पूर्ण करने के लिए प्रयास करें। यह दस्तावेज़ के प्रवाह से बाहर ले जाता है।

Answer 3

(और अन्य सामग्री के शीर्ष पर तैरने लगते हैं) आप आवेदन कर सकते हैं:

आप इसे अपने डिजाइन के ऊपर दिखाई देते चाहते हैं, सेट करने का प्रयास छवि निम्न CSS:

position:absolute; 
right:0; 
top:0; 

आप इसे एक विशेष माता पिता खंड के दाएँ भाग में फ्लोट करने के लिए चाहते हैं, आप position: relative उस अनुभाग से जोड़ सकते हैं।