দ্য পরিষ্কার সিএসএস সম্পত্তি CSS1 এর থেকে CSS এর অংশ হয়েছে। এটি আপনাকে নির্দিষ্ট উপাদানগুলির পাশে কি উপাদান এবং কোন দিকে (গুলি) ভাসতে পারে তা নির্দিষ্ট করতে দেয়। দ্য পরিষ্কার সম্পত্তি পাঁচ সম্ভাব্য মান আছে:
নাবামঅধিকারউভয়উত্তরাধিকারী
কিভাবে সিএসএস পরিষ্কার সম্পত্তি ব্যবহার করবেন
ব্যবহার করার সবচেয়ে সাধারণ উপায় পরিষ্কার সম্পত্তি আপনি ব্যবহার করেছেন পরে হয় ভাসা একটি উপাদান সম্পত্তি। উদাহরণ স্বরূপ:
- আমার ইমেজ পাশে টেক্সট।
- আমার ইমেজ নীচের যে টেক্সট।
সব উপাদান ডিফল্ট স্পষ্ট: কেউ না;, তাই যদি আপনি অন্যান্য উপাদানগুলিকে কিছু পাশে ভাসতে না চান তবে আপনাকে অবশ্যই পরিবর্তন করতে হবে পরিষ্কার শৈলী।
আপনি যখন ফ্লাট সাফ করছেন, আপনি আপনার ফ্লোট আপনার পরিষ্কার মেলে। সুতরাং যদি আপনি বাম উপাদানটি ভাসমান করেন, তবে আপনার বামদিকে সাফ করা উচিত। আপনার floated উপাদান ভাসা অব্যাহত থাকবে, কিন্তু সাফ উপাদান এবং এটি পরে সবকিছু ওয়েব পেজে নিচে প্রদর্শিত হবে।
যদি আপনার কাছে ডান এবং বাম উভয় দিকে তল্লাশি করা উপাদান থাকে, তবে আপনি কেবলমাত্র একপাশে সাফ করতে পারেন অথবা আপনি এটি সাফ করতে পারেন উভয়.
লেআউটস মধ্যে পরিষ্কার ব্যবহার করে
সবচেয়ে ডিজাইনার সবচেয়ে সাধারণ উপায় ব্যবহার করুন পরিষ্কার সম্পত্তি পৃষ্ঠ উপাদান বিন্যাসে হয়। আপনার কাছে একটি পাঠ্যের ব্লকের ভিতরে ভাসমান একটি চিত্র থাকতে পারে এবং পরবর্তী অনুচ্ছেদটিকে চিত্রের নীচে শুরু করতে চান, অথবা আপনার কাছে পাঠ্যের অন্য গোষ্ঠীর পাশে ভাসতে চান এমন একটি পাঠ্যের সম্পূর্ণ কলাম থাকতে পারে, কিছু পাঠ্য নীচে প্রদর্শিত হবে।
এখানে এই ফর্ম একটি বিন্যাস জন্য এইচটিএমএল। এটি একটি ডিভি ধারক বামে ভাসমান অন্য ধারণার আছে।
এটি সূক্ষ্ম কাজ করবে, ছোট DIV প্রধান div বিষয়বস্তু বাকি বাম ভাসমান সঙ্গে। আপনি ভাসমান বক্সের নিচে লেখা শুরু করতে চান এমন একটি ট্যাগ যুক্ত করে ভাসমান বাক্সের পাশে থাকা পাঠ্যটি সাফ করতে পারেন। কিন্তু সমস্যাটি আসে যখন ভাসমান বাক্সটি তার পাশে থাকা বিষয়বস্তুগুলির থেকে বেশি। তারপরে, আপনি দেখতে পারেন যে, প্রধান বাক্সের পটভূমি রঙটি ভাসমান বাক্সের নীচের অংশে নিও না। সৌভাগ্যক্রমে, এই ঠিক করার জন্য একটি সহজ উপায় আছে: সম্পত্তি। প্রধান বক্স সেট করে
একটি ছোট floated div
ভাসমান DIV ডানদিকে হতে যাচ্ছে যে ধারক div ভিতরে সামগ্রী।ওভারফ্লো: স্বয়ং; এই উদাহরণে দেখানো হয়েছে যে পটভূমির রঙটি দীর্ঘতর ভাসমান বাক্সটির পাশে খুব নীচে থাকবে।
