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

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> 

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

Answer 1

ठीक है मुझे अभी एहसास हुआ कि पहला डीवी से छोड़ा गया पहला फ्लोट निकालना है। पता नहीं क्यों मैंने इसे पहले नहीं देखा था।

Answer 2

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

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

Answer 3

"ADM" div को style="clear:both;" जोड़ें।

Answer 4

तुम भी मामले में सीएसएस में "स्पष्ट" संपत्ति की जांच करनी चाहिए एक नाव को दूर करने के लिए एक विकल्प

Answer 5

अपने ADM कक्षा में सीएसएस clear: left div यह ऊपर तत्वों के साथ चल बंद कर देना चाहिए नहीं है।

Answer 6

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

.adm{ 
clear:both; 
} 

कि यह एक नई लाइन को स्थानांतरित करना चाहिए

Answer 7

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