استفاده از خاصیت کلاس دیگر در css

[_hamed_]

سلام

من می خوام height یک کلاس رو توی css جوری تعریف کنم که برابر با ارتفاع یک کلاس مشخص دیگه باشه

یعنی زمانی که ارتفاع اون کلاس عوض شد ارتفاع این یکی هم هم زمان با اون عوض بشه و برابر با هم باشند.



اگه با جاوا اسکریپت هم می شه لطفا راهنماییم کنید اما ترجیح می دم توی css باشه.

[دانیال دزفولی]

.default{
height: 100px;
}

.different {
background: #f20;

}

<div class='default'></div>
<div class='default different'></div>

[_hamed_]

.default{
height: 100px;
}

.different {
background: #f20;

}

<div class='default'></div>
<div class='default different'></div>

شرمنده ببینید کد من اینه:


.app_details{
display: inline;
float:right ;
width: 10% ;
padding-right: 35px;
padding-top: 50px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.app_description{
display:inline;
float:right;
width: 85% ;
min-height: 300px;
margin-right: 10px;
margin-left: 10px;
padding-right: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

می خوام ارتفاع app_details برابر با ارتفاع app-description باشه. چون موارد داخل app-description همیشه یکسان نیستن و می خوام زمان تغییر سایز دومی اولی هم هم اندازش بشه.

راه حلی گفتین جواب نداد.


اگه توی جاوا اسکریپت راهی داره راهنماییم کنید

[دانیال دزفولی]

با js میشه و حرکت جالبی نیست
بهتره نمونه انلاین بذاری

[_hamed_]

با js میشه و حرکت جالبی نیست
بهتره نمونه انلاین بذاری

ببخشید منظورتون از این که « نمونه انلاین بذاری» چیه؟

[Moien Tajik]

ببخشید منظورتون از این که « نمونه انلاین بذاری» چیه؟

کدهاتون رو داخل این سایت (https://jsfiddle.net/) قرار بدید و Save رو بزنید . Url صفحه بعد از سیو تغییر پیدا میکنه ، اون Url جدید رو اینجا قرار بدید .

[_hamed_]

فقط باید محیط اجراش بزرگتر باشه تا سایت کامل دیده بشه.

الان من می خوام بخشی که سمت راست هست و شامل حجم و ورژن برنامه هست ارتفاعی برابر با بخش سمت چپش داشته باشه( بخش سمت چپ متناسب با هر برنامه ای ارتفاعی متفاوت داره)



https://jsfiddle.net/6zg25ex1/

[دانیال دزفولی]

https://jsfiddle.net/z7jcsxos/

کد نویسی اصلا استاندارد نبود
سعی کن به درصد اندازه ندی

این یه نمونس خودت باید اندازه هارو اونطوری که میخوای تغییر بدی

[_hamed_]

کد نویسی اصلا استاندارد نبود


شرمنده تازه کارم هنو هیچی حالیم نی:افسرده::گریه:

[_hamed_]

سعی کن به درصد اندازه ندی


ببخشید اینقد سوال می پرسم

اینی گفتین یعنی چی؟




در ضمن خیلی ممنونم از کدتون مشکلم حل شد.

[دانیال دزفولی]

#lastest_area
width: 47.3% ;
.app
width: 95%;

.app_details
width: 10% ;

اینطوری جالب نیست (البته برای قالب های انجمن مثل همینجا درصد مناسبه (فقط برای گرید اصلی) )
ولی برای بقیه قالب ها کسی به دصد عرض رو مشخص نمیکنه

معمولا یک دیو با کلاس container میسازن و به اون عرض دلخواه میدن

https://jsfiddle.net/dwoq2taq/
این یه نمونه سادس
اگه خواستی یه نمونه بهتر برات مینویسم