دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ محمد فریدونی
طراحی sidebar
جامعه Html & CSS ایجاد شده در ۰۴ اردیبهشت ۱۴۰۱

بعضاً در برخی پروژه‌ها مشاهده میشه که قسمت aside در کنار صفحه و خارج از فضای container اصلی قرار گرفته ،‌ یعنی کانتینر وسط هست و بخش aside کنار اون و جدای از اون قرار داره

میخواستم بدونم واسه همچنین طرحی باید از position‌ها استفاده کنیم ؟

در این صورت عنصر والد که قراره relative بگیره ، چه عنصری هست ؟

درود

برای این کار روشهای زیادی وجود داره. یکی شون همونطور که گفتید استفاده از پوزیشن هست که خیلی توصیه نمیشه، چون باید برای ابعاد مختلف بازنویسی بشه و خیلی داینامیک نیست. والد هم اغلب یک div هست.

یک راه بهتر استفاده از یک کانتینر مادر هست به طوری که بخش aside و container موردنظر درونش قرار بگیره. بسته به طرح، مثلا 20 درصد به aside و باقی به container مورد نظر نسبت داده میشه و به همین ترتیب سایر ویژگیها تعریف میشه (مثلا اینکه این دو inline باشند و...)

یک راه دیگر استفاده از flexbox هست که اگر در وبلاگ سرچ بفرمایید هم آموزش رایگانش رو داریم.

بهترین پاسخ
نازنین کریمی مقدم ۰۴ اردیبهشت ۱۴۰۱، ۰۹:۰۰