আমি কীভাবে বাম ভাসা থামাতে পারি?

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>

আমার সমস্যাটি হ'ল শ্রেণীর অ্যাডমিশনের সাথে ডিভিটি বাম দিকে ভাসমান এবং তাই লেবেল এবং দুটি ইনপুট বোতামের মতো একই লাইনে চলে। ভাসমান থেকে দূরে রাখার কোনও উপায় আছে কি?

Comments

আপনার নিজের কোনও উত্তর থাকলেও তা গ্রহণ করা উচিত।

— ডেভু

Answer 1

দুটি ভাসমান ব্লক স্তর উপাদানগুলির মধ্যে একটি ক্লিয়ারিং ডিভ যুক্ত করা একটি মানক পদ্ধতির:

<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;""Adm" থেকে div।

Answer 5

ঠিক আছে আমি ঠিক বুঝতে পেরেছি উত্তরটি হ'ল প্রথম ডিআইভি থেকে প্রথম ফ্লোটটি বাদ দেওয়া। আমি কেন আগে দেখিনি জানিনা।

Answer 6

আপনার ফ্ল্যাট অপসারণের বিকল্প না হলে সিএসএসে থাকা "পরিষ্কার" সম্পত্তিটিও দেখতে হবে

Answer 7

CSS clear: leftআপনার Adm বর্গ মধ্যে div উপরে উপাদানের সঙ্গে ভাসমান বন্ধ করা উচিত।

Answer 8

কেবল overflow:hiddenপ্রথম divস্টাইলে যুক্ত করুন। এটি যথেষ্ট হওয়া উচিত।

Answer 9

কোনও কারণে উপরের কোনও ফিক্স আমার পক্ষে কাজ করেনি (আমার একই সমস্যা ছিল), তবে এটি হয়েছে:

একটি div উপাদানের ক্ষেত্রে বাড়ালো উপাদানের সব নির্বাণ চেষ্টা করুন: <div class="row">...</div>।

তারপরে এই সিসিএস যুক্ত করুন: .row::after {content: ""; clear: both; display: table;}

Answer 10

এটির জন্য বুটস্ট্র্যাপে একটি শ্রেণি রয়েছে

class="clearfix";