শৈলী = "পরিষ্কার: উভয়" এর ব্যবহার কী?


99

আমি একটি divস্টাইল ছিল যা দেখতে ঘটেছে clear:both! ব্যবহার কি clearমধ্যে style?

<div style="clear:both">

উত্তর:


250

clear:both ডকুমেন্টে এটির পূর্বে থাকা কোনও ভাসমান উপাদানগুলির নীচে উপাদানকে ড্রপ করে তোলে।

আপনি এটি ব্যবহার করতে clear:leftবা clear:rightএটিকে কেবল সেই উপাদানগুলির নীচে ফেলে দিতে পারেন যা বাম বা ডানদিকে ভাসিয়ে দেওয়া হয়েছে।

+------------+ +--------------------+
|            | |                    |
| float:left | |   without clear    |
|            | |                    |
|            | +--------------------+
|            | +--------------------+
|            | |                    |
|            | |  with clear:right  |
|            | |  (no effect here,  |
|            | |   as there is no   |
|            | |   float:right      |
|            | |   element)         |
|            | |                    |
|            | +--------------------+
|            |
+------------+
+---------------------+
|                     |
|   with clear:left   |
|    or clear:both    |
|                     |
+---------------------+

4
এছাড়াও এটি উচ্চতা ফিট করতে পিতামাতাকে ডিভ করে।
ওলেগ

@ জেসন, আপনি যে বাগটি উল্লেখ করছেন সেটি কেবলমাত্র উইন্ডোজ এক্সপি-তে ইন্টারনেট এক্সপ্লোরার 6 এর জন্য প্রযোজ্য। এটি একটি ভাল জিনিস যা আমাদের আজকাল বেশিরভাগ সময় সমর্থন করার দরকার নেই।
ইয়াভেগেনি আফানসিয়েভ

5
@ ইয়েজেগেনিআফানসিয়েভ, হ্যাঁ, এটা সত্য আমার মন্তব্যটি ২০০৯ থেকে যখন তখনও প্রযোজ্য ছিল।
জেসন

20

কেবল রিচিহিন্ডেলের উত্তরে যুক্ত করতে, ফ্লোটোরিয়ালটি দেখুন , যা সিএসএস কীভাবে ভাসমান এবং সাফাইয়ের কাজ করে তা আপনাকে পরিচালনা করে।


4
15 ফেব্রুয়ারী, 2016 এ, আমি ফ্লোটোরিয়ালটির জন্য সার্ভারের সাথে সংযোগ করতে অক্ষম ছিলাম (পোর্ট 80 এ সংযোগটি অস্বীকার করা হয়েছিল)।
dlu

3

আপনি যখন প্রস্থ ছাড়াই ভাসা ব্যবহার করেন তখন সেই সারিতে কিছু জায়গা থাকে। এই স্থানটি ব্লক করতে clear:both;আপনি পরবর্তী উপাদানগুলিতে ব্যবহার করতে পারেন ।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.