আমি চাই আমার পাত্রে ডিভিটি এর বাচ্চার উচ্চতার সর্বোচ্চের উচ্চতা পাবে। সন্তানের কোন উচ্চতা হতে চলেছে তা না জেনে div। আমি জেএসফিডেলে চেষ্টা করছিলাম । ধারকটি divলালচে। যা প্রদর্শিত হচ্ছে না। কেন?
আমি চাই আমার পাত্রে ডিভিটি এর বাচ্চার উচ্চতার সর্বোচ্চের উচ্চতা পাবে। সন্তানের কোন উচ্চতা হতে চলেছে তা না জেনে div। আমি জেএসফিডেলে চেষ্টা করছিলাম । ধারকটি divলালচে। যা প্রদর্শিত হচ্ছে না। কেন?
উত্তর:
নিম্নলিখিত সম্পত্তি যুক্ত করুন:
.c{
...
overflow: hidden;
}এটি ভাসমান উপাদান নির্বিশেষে, ধারকটিকে তার মধ্যে থাকা সমস্ত উপাদানের উচ্চতার সম্মান করতে বাধ্য করবে।
http://jsfiddle.net/gtdfY/3/
সম্প্রতি, আমি এমন একটি প্রকল্পে কাজ করছি যার জন্য এই কৌশলটি প্রয়োজন, তবে ওভারফ্লোটি দেখাতে দেওয়া দরকার ছিল, তার পরিবর্তে, আপনি আপনার ভাসমানগুলি সাফ করার জন্য একটি সিউডো-এলিমেন্ট ব্যবহার করতে পারেন, কার্যকরভাবে সমস্ত উপাদানগুলিতে ওভারফ্লো অনুমতি দেওয়ার সময় একই প্রভাব অর্জন করতে পারেন।
.c:after{
clear: both;
content: "";
display: block;
}আপনি বাচ্চাদের ভাসাচ্ছেন যার অর্থ তারা ধারকটির সামনে "ভাসমান"। সঠিক উচ্চতা নিতে, আপনাকে অবশ্যই ভাসা "সাফ" করতে হবে
ডিভ স্টাইল = "ক্লিয়ার: উভয়" ভাসমান একটি সাফ করে কনটেইনারটিকে সঠিক উচ্চতা দেয়। দেখতে http://css.maxdesign.com.au/floatutorial/clear.htm ভাসে আরো তথ্যের জন্য।
যেমন।
<div class="c">
<div class="l">
</div>
<div class="m">
World
</div>
<div style="clear: both" />
</div>সবচেয়ে ভাল এবং সর্বাধিক বুলেটপ্রুফ সমাধান হ'ল ধারকটিতে সিউডোলেমেন্ট যুক্ত করা ::beforeএবং ::after। সুতরাং আপনার যদি উদাহরণস্বরূপ একটি তালিকা থাকে:
<ul class="clearfix">
<li></li>
<li></li>
<li></li>
</ul>এবং তালিকার প্রতিটি উপাদানগুলির float:leftসম্পত্তি আছে, তারপরে আপনার সিএসএসে যুক্ত করা উচিত:
.clearfix::after, .clearfix::before {
content: '';
clear: both;
display: table;
}অথবা আপনি display:inline-block;সম্পত্তি চেষ্টা করতে পারেন , তারপরে আপনাকে কোনও ক্লিয়ারফিক্স যুক্ত করার দরকার নেই।