با استفاده از تابع calc() در CSS عرض یک عنصر با کلاس .box را برابر calc(100% - 40px) تنظیم کن تا بین لبههای ظرف همیشه 20px فاصله ایجاد شود
4.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 02:01 0.0
برای حل، در CSS کلاس .box را با قواعدی مانند width: calc(100% - 40px); padding: 20px; و box-sizing: border-box; تعریف کن تاpadding داخل عرض محاسبه شود. تابع calc() به شما امکان ترکیب واحدها (مثل درصد و پیکسل) را میدهد — بهتر است بین عملگرها فاصله بگذاری — و در مرورگرهای مدرن پشتیبانی میشود؛ نکتهٔ مهم استفاده از box-sizing برای جلوگیری از افزایش غیرمنتظرهٔ کل عرض است.
توسط پژوهشگر در 220 روز قبل ساعت 02:01 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای داشتن فاصله 20px از هر طرف ظرف، عرض .box را با calc(100% - 40px) مشخص کن و padding: 20px بده. با استفاده از box-sizing: border-box، padding داخل عرض محاسدهشده گنجانده میشود تا کل عرض برابر 100% باقی بماند. توصیه میشود در نگارش calc بین عملگرها فاصله بگذاری تا خوانایی کد بالا برود. این روش در مرورگرهای مدرن پشتیبانی میشود و نتیجهای پایدار در طراحی واکنشگرا دارد.
گزارش