سلام. دوستان چجوری میتونم کاری کنم که اندازه ارتفاع یک 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>
تاریخ :
1403/02/19
- ساعت :
01:52:00 PM
- بازدید :
43
- پاسخ :
1
|
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2287
- پاسخ :
2
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
5285
- پاسخ :
7
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
530
- پاسخ :
1
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
539
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
642
- پاسخ :
1
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
770
- پاسخ :
1
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
3076
- پاسخ :
1
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2754
- پاسخ :
3
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
780
- پاسخ :
1
|
تاریخ :
1403/02/24
- ساعت :
04:40:00 PM
- بازدید :
56
- پاسخ :
2
|
تاریخ :
1403/02/23
- ساعت :
02:24:00 PM
- بازدید :
106
- پاسخ :
5
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
49
- پاسخ :
1
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
141
- پاسخ :
4
|
تاریخ :
1403/02/20
- ساعت :
06:33:00 PM
- بازدید :
87
- پاسخ :
1
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
267
- پاسخ :
3
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1212
- پاسخ :
1
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1154
- پاسخ :
0
|
تاریخ :
1403/02/20
- ساعت :
12:29:00 AM
- بازدید :
58
- پاسخ :
1
|
تاریخ :
1403/02/19
- ساعت :
11:43:00 AM
- بازدید :
73
- پاسخ :
1
|