رفتن به مطلب

مشکل با ارتفاع در css


پست های پیشنهاد شده

سلام دوستان سال نو مبارک

یک باکسی درست کردم برای برچسب ها

حالا اگه یه وقت برچسب ها زیاد باشه، از کادر میزنه بیرون

8324142714698838084_Untitled11.png

چطوری میتونم به باکس برچسب که خاکستری رنگ هست برای بار اول یک مقدار ثابت بدم و آیا چنین کدی هست که وقتی نوشته ها بیشتر شد ، ارتفاع نیز همراه با اون مقدار نوشته افزایش پیدا کنه ؟

لینک به ارسال

برای دادن مقدار ثابت و خودکار میتونید

height رو بر روی

auto قرار بدید و با استفاده از padding-bottom ارتفاع رو به صورت دستی تنظیم کنید


height: auto;
padding-bottom:50px;

  • امتیاز 3
لینک به ارسال

از دوستان ممنونم

مقدار height: auto; رو تست کرده بودم اما جواب نداد

همراهش display:block هم داده بودم اما باز هم کار نکرد !

لینک به ارسال

سلام

فقط لازم هست به div پدر یا مادر (: (منظورم دایو بالاییش هست) خاصیت float بدید

مثال:


<div style="float:right">
<p></p>
</div>

  • امتیاز 2
لینک به ارسال

سلام

فقط لازم هست به div پدر یا مادر (: (منظورم دایو بالاییش هست) خاصیت float بدید

مثال:


<div style="float:right">
<p></p>
</div>

سلام

از همه ممنونم (دوستان عزیز بنده در حال طراحی قالب هستم )

ممنون .مشکل ارتقاع حل شد اما وقتی float:right دادم ، مارجین از سمت چپ و راست دیگه به صورت auto کار نمیکنه

عکس :

34218142721931616741_Untitled1111.png

لینک به ارسال

خدمت دوستان عزیز

https://jsfiddle.net/m5oaoajq/

البته من عرض باکس رو ، 95 درصد گذاشته بودم . ( یعنی میخوام عرض باکس برچسب، 2.5 درصد از سمت راست و 2.5 درصد از سمت چپ نسبت به باکس پست کم باشه

دایو تو دایو درست میشه

مثال

سلام

به دایو اصلی floate:right دادم درست شد اما در صورتی که به باکس تگ ، عرض ندم !! مثلا اگه عرض 50% بدم ، باکس می چسبه به سمت راست !

ویرایش شده توسط site
لینک به ارسال
  • 2 هفته بعد...

لازم نیست کل اونو float:right کنی اینجوری همین مشکلی که گفتی برات پیش میاد

بعد تگی که توش برچسب هاتو نشون دادی(حالا بستگی داره تو li گذاشتی یا div) یه div جدید به شکل زیر بذار


<div style="clear:both;"></div>

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...