سلام. دوستان چجوری میتونم کاری کنم که اندازه ارتفاع یک 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 اصلی به اندازه ارتفاع بقیه رشد نمیکنه.
برای تنظیم اتوماتیک ارتفاع 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>
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2115
- پاسخ :
2
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
5164
- پاسخ :
7
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
444
- پاسخ :
1
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
473
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
540
- پاسخ :
1
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
649
- پاسخ :
1
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
2972
- پاسخ :
1
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2673
- پاسخ :
3
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
707
- پاسخ :
1
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
6913
- پاسخ :
4
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
202
- پاسخ :
0
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1057
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
109
- پاسخ :
0
|
تاریخ :
1403/01/06
- ساعت :
05:14:00 PM
- بازدید :
74
- پاسخ :
1
|
تاریخ :
1403/01/07
- ساعت :
01:45:00 AM
- بازدید :
46
- پاسخ :
0
|
تاریخ :
1398/07/19
- ساعت :
11:16:00 PM
- بازدید :
2952
- پاسخ :
2
|
تاریخ :
1398/08/21
- ساعت :
03:45:00 AM
- بازدید :
2293
- پاسخ :
1
|
تاریخ :
1398/08/06
- ساعت :
03:57:00 PM
- بازدید :
7293
- پاسخ :
2
|
تاریخ :
1402/12/12
- ساعت :
03:20:00 PM
- بازدید :
86
- پاسخ :
1
|
تاریخ :
1402/12/10
- ساعت :
03:35:00 PM
- بازدید :
115
- پاسخ :
1
|