मैं फ्लोट को बाएं कैसे रोक सकता हूं?

Question

मेरे पास निम्नलिखित कोड हैं:

<div style="float: left; width: 100%;">
  <label style="float: left;">ABC</label>  
  <input style="float: left; font-size: 0.5em;" type="button"   onclick="addTiny(0,'Question_Text'); return false;" value="&#x25BC;" title="Editor" />   
  <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="&#x25B2;" title="Hide" />   

  <div class="adm">
    <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor">
      abc
    </textarea>
  </div>
</div>

मेरी समस्या यह है कि कक्षा में प्रवेश के साथ div बाईं ओर तैरती है और इसलिए लेबल और दो इनपुट बटन के समान रेखा पर जाती है। क्या कोई ऐसा तरीका है जिससे मैं इस बदलाव को तैरने से दूर कर सकूं?

Comments

आपको एक उत्तर स्वीकार करना चाहिए, भले ही वह आपका ही क्यों न हो।

— D --Vᴀᴅᴇʀ

Answer 1

एक मानक दृष्टिकोण दो अस्थायी ब्लॉक स्तर के तत्वों के बीच समाशोधन div को जोड़ना है:

<div style="clear:both;"></div>

Comments

लेकिन कुछ मामलों में आपको जोड़ने की आवश्यकता हैdisplay:block

— वलोडिमिर लेविट्सस्की

Answer 2

कभी-कभी स्पष्ट काम नहीं करेगा। float: noneओवरराइड के रूप में उपयोग करें

Comments

हां, यदि आप किसी मौजूदा सीएसएस प्रविष्टि float: left(या दाएं) को ओवरराइड करना चाहते हैं तो यह समाधान है।

— एलेक्सिस विलके

Answer 3

आप संशोधित .admऔर जोड़ सकते हैं

.adm{
 clear:both;
}

यह एक नई लाइन के लिए कदम बनाना चाहिए

Comments

.admमुझे यही सोचना चाहिए ।

— tjm

Answer 4

style="clear:both;""प्रशंसा" में जोड़ें div।

Answer 5

ठीक है, मुझे अभी पता चला है कि इसका उत्तर पहले DIV से छोड़ी गई पहली नाव को निकालना है। पता नहीं क्यों मैं पहले नहीं देखा था।

Answer 6

यदि आपको फ्लोट हटाने का विकल्प नहीं है, तो आपको सीएसएस में "स्पष्ट" संपत्ति की जांच करनी चाहिए

Answer 7

clear: leftअपने प्रवेश वर्ग में सीएसएस को इसके ऊपर के तत्वों के साथ फ्लोटिंग को रोकना चाहिए।

Answer 8

बस overflow:hiddenपहली divशैली में जोड़ें । इतना काफी होना चाहिए।

Answer 9

किसी कारण के लिए उपरोक्त में से किसी ने भी मेरे लिए काम नहीं किया (मुझे वही समस्या थी), लेकिन यह किया:

सभी फ़्लोट किए गए तत्वों को एक दिव्य तत्व में डालने का प्रयास करें <div class="row">...</div>:।

फिर इस CCS को जोड़ें: .row::after {content: ""; clear: both; display: table;}