سلام. دوستان چجوری میتونم کاری کنم که اندازه ارتفاع یک 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
- بازدید :
49
- پاسخ :
1
|
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2300
- پاسخ :
2
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
5289
- پاسخ :
7
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
536
- پاسخ :
1
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
543
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
651
- پاسخ :
1
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
776
- پاسخ :
1
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
3084
- پاسخ :
1
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2757
- پاسخ :
3
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
782
- پاسخ :
1
|
تاریخ :
1403/02/29
- ساعت :
06:34:00 PM
- بازدید :
22
- پاسخ :
0
|
تاریخ :
1403/02/24
- ساعت :
04:40:00 PM
- بازدید :
75
- پاسخ :
2
|
تاریخ :
1403/02/23
- ساعت :
02:24:00 PM
- بازدید :
121
- پاسخ :
5
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
73
- پاسخ :
1
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
164
- پاسخ :
4
|
تاریخ :
1403/02/20
- ساعت :
06:33:00 PM
- بازدید :
100
- پاسخ :
1
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
281
- پاسخ :
3
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1220
- پاسخ :
1
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1170
- پاسخ :
0
|
تاریخ :
1403/02/20
- ساعت :
12:29:00 AM
- بازدید :
67
- پاسخ :
1
|