ورود

View Full Version : مبتدی: فیت کردن دایو داخلی با خارجی



mehran788
جمعه 30 تیر 1396, 15:54 عصر
سلام. خسته نباشید.
<div style='width:300px;height:300px;background-color:red'> <div id='header' style='width:100%;height:20px'>
</div>
<div id='content' style='width:100%;height:?????'>
</div>
</div>

من تو کد بالا به جای علامت سوال چی بنویسم تا دایو content هم اندازه با دایو اصلی باشه. اگه 100 درصد بنویسم که چون یه دایو header داریم بزرگتر میشه. چیکار کنم که 100 درصد - 20px باشه؟
ممنون

anvar
جمعه 30 تیر 1396, 23:30 عصر
خاصیت height رو در فایل CSS بصورت زیر ست کنید
height: calc(100% - 20px);

در مورد تابع Calc می تونید اطلاعات بیشتری بدست بیارید

https://css-tricks.com/a-couple-of-use-cases-for-calc/

یا

https://www.w3schools.com/cssref/func_calc.asp