কম্পিউটার টিউটোরিয়াল

CSS এবং HTML ব্যবহার করে মেন কন্টেন্ট div-কে স্ক্রিনের হাইট পূরণ করা

ওভারভিউ

position প্রপার্টি একটি এলিমেন্টের জন্য পজিশনিং মেথডের ধরন নির্দিষ্ট করে (static, relative, absolute, fixed, বা sticky)।

নিচের উদাহরণে, কোনো হাইট পেসেন্টেজে নির্দিষ্ট করা হয়নি এবং jQuery দরকার নেই।

.mainbody {
    position: absolute; /* এখানে আমরা এলিমেন্টের পজিশন absolute সেট করছি */
    top: 30px; /* এখানে হেডারের হাইট ৩০ পিক্সেল ডিফাইন করছি */
    bottom: 10px; /* এখানে ফুটারের হাইট ১০ পিক্সেল ডিফাইন করছি */
    width: 100%; /* এখানে প্রস্থ ১০০% সেট করছি */
}
  1. CSS দিয়ে ইউজার রেটিং স্কোরকার্ড তৈরি করার পদ্ধতি

  2. CSS দিয়ে ব্রাউজার উইন্ডোর পুরো উচ্চতায় এলিমেন্ট ফैलানো

  3. CSS দিয়ে DIV-কে উইন্ডো হাইটের ১০০% করা

  4. HTML এবং CSS ব্যবহার করে সাইডবার ও মেন কন্টেন্ট এরিয়া সহ পেজ তৈরি করা