تنظیم اتوماتیک ارتفاع div با ارتفاع عناصر داخل آن توسط html و css
12:25:00 PM - 1399/12/15
سلام. دوستان چجوری میتونم کاری کنم که اندازه ارتفاع یک div به صورت اتوماتیک با ارتفاع عناصر داخلش کم و زیاد بشه ؟
<div class="content container">
<div class="content">
<div class="col-md-8 col-sm-12 col-xs-12" style="float:left;" id="leftpanel"></div>
<div class="col-md-4 col-sm-12 col-xs-12" id="rightpanel"></div>
</div>
</div>
کدهای من در Html کدهای بالا هستن ولی وقتی در div های leftpanel و rightpanel عناصری تعریف میشه اندازه div اصلی به اندازه ارتفاع بقیه رشد نمیکنه.
به این سوال امتیاز بدهید
0
تعداد بازدید این سوال : 5026
پاسخ دهنده : fateme
01:26:00 PM - ۱۳۹۹/۱۲/۱۵
تنظیم اتوماتیک ارتفاع div با ارتفاع عناصر داخل آن
برای تنظیم اتوماتیک ارتفاع div راههای مختلفی هست. اما بهترین راه حل استفاده از دو دستور display و overflow در Css هست. یعنی باید این دو خاصیت رو به div اصلی خودتون که میخواید ارتفاعش اتوماتیک تنظیم بشه بدید.
display:block;
overflow:auto;
همین دو خاصیت رو به div بدید درست میشه. پس به عبارتی تگ های شما به این صورت میشه :
<div class="content container" style='display:block; overflow:auto;'>
<div class="content">
<div class="col-md-8 col-sm-12 col-xs-12" style="float:left;" id="leftpanel"></div>
<div class="col-md-4 col-sm-12 col-xs-12" id="rightpanel"></div>
</div>
</div>
آموزشهای پرطرفدار
سوالات مشابه
|
تاریخ :
1404/05/11
- ساعت :
11:05:00 AM
- بازدید :
113
- پاسخ :
1
|
|
تاریخ :
1399/02/11
- ساعت :
09:41:00 AM
- بازدید :
2598
- پاسخ :
1
|
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2803
- پاسخ :
1
|
|
تاریخ :
1404/04/16
- ساعت :
06:22:00 PM
- بازدید :
130
- پاسخ :
1
|
|
تاریخ :
1404/01/03
- ساعت :
12:18:00 PM
- بازدید :
291
- پاسخ :
1
|
|
تاریخ :
1404/01/03
- ساعت :
10:39:00 AM
- بازدید :
281
- پاسخ :
1
|
|
تاریخ :
1404/01/02
- ساعت :
05:05:00 PM
- بازدید :
366
- پاسخ :
1
|
|
تاریخ :
1398/10/19
- ساعت :
02:01:00 PM
- بازدید :
3710
- پاسخ :
2
|
|
تاریخ :
1398/10/18
- ساعت :
10:26:00 PM
- بازدید :
3460
- پاسخ :
2
|
|
تاریخ :
1401/01/13
- ساعت :
02:27:00 AM
- بازدید :
2256
- پاسخ :
1
|
آخرین سوالات ارسالی
|
تاریخ :
1404/04/04
- ساعت :
03:35:00 PM
- بازدید :
263
- پاسخ :
1
|
|
تاریخ :
1404/05/21
- ساعت :
10:42:00 PM
- بازدید :
193
- پاسخ :
0
|
|
تاریخ :
1404/05/11
- ساعت :
11:05:00 AM
- بازدید :
113
- پاسخ :
1
|
|
تاریخ :
1403/10/08
- ساعت :
06:22:00 PM
- بازدید :
479
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
02:25:00 PM
- بازدید :
161
- پاسخ :
1
|
|
تاریخ :
1404/04/29
- ساعت :
08:03:00 PM
- بازدید :
200
- پاسخ :
2
|
|
تاریخ :
1404/01/16
- ساعت :
07:20:00 PM
- بازدید :
1041
- پاسخ :
2
|
|
تاریخ :
1404/04/28
- ساعت :
02:07:00 PM
- بازدید :
182
- پاسخ :
2
|
|
تاریخ :
1400/05/03
- ساعت :
11:34:00 PM
- بازدید :
4092
- پاسخ :
1
|
|
تاریخ :
1398/07/04
- ساعت :
08:34:00 AM
- بازدید :
2766
- پاسخ :
4
|
پاسخ خود را ثبت نمایید ...
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.
ورود به سایت