ورود عضویت

امانوئل

3 سال پیش توسط امانوئل مطرح شد

10 پاسخ

سوال درمورد css

سلام دوستان در css مخیوام یک المنت روی یک المنت دیگه بیاد

ثبت پرسش جدید

Yasin

تخصص : Laravel

@yasinFaraji 3 سال پیش مطرح شد

به نظر من بهتر از همه اینه که یکیشونو بذاری داخل یکی دیگه
ولی خب اگه اینکارو نکنی بازم راه های زیادی وجود داره واسه اینکار بستگی داره نیازت چی باشه

    <style>
        #parent{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #in{
            height: 300px;
            width: 100px;
            background: red;
        }

        #out{
            width: 300px;
            height: 100px;
            background: blue;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>

<section id="parent">

    <div id="out">    <div id="in"></div>   </div>

</section>

مثلا این یه مدلش

ارسال پاسخ

امانوئل

تخصص : :) بـالـاخـَرـہ ڪـَم و زیـاد...

@emnatkins 3 سال پیش مطرح شد

با جاوا اسکریپت هم بشه بهتره

ارسال پاسخ

Banana Life

@shift.delete 3 سال پیش مطرح شد

سلام
با position: absolute میتونید و پرنت شو relative بزار.

ارسال پاسخ

امانوئل

تخصص : :) بـالـاخـَرـہ ڪـَم و زیـاد...

@emnatkins 3 سال پیش آپدیت شد

@shift.delete
اینو در جریانش بودم ولی این برام کار نمیکنه

ارسال پاسخ

علی

تخصص : برنامه نویس بک اند,backend dev...

@DevNull 3 سال پیش مطرح شد

از float استفاده کن

ارسال پاسخ

امانوئل

تخصص : :) بـالـاخـَرـہ ڪـَم و زیـاد...

@emnatkins 3 سال پیش مطرح شد

@DevNull
جواب نداد

ارسال پاسخ

علی

تخصص : برنامه نویس بک اند,backend dev...

@DevNull 3 سال پیش مطرح شد

کدت. بده ببینم ولی خوب در کل من فرانت کار نیستم
وقتی float بدی مثلا :

float:right;

بعد میتونی با margin و padding جابهجاش کنی بیاد روی المنت های دیگه

ارسال پاسخ

فرشید مرادی

تخصص : noob

@eniack 3 سال پیش مطرح شد

سلام ، لطفا کدت رو قرار بده تا بهتر بتونیم راهنماییت کنیم

ارسال پاسخ

Yasin

تخصص : Laravel

@yasinFaraji 3 سال پیش مطرح شد

    <style>
        #parent{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #in{
            height: 300px;
            width: 100px;
            background: red;
        }

        #out{
            width: 300px;
            height: 100px;
            background: blue;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>

<section id="parent">

    <div id="out">    <div id="in"></div>   </div>

</section>

مثلا این یه مدلش

ارسال پاسخ

محمد رضا

تخصص : Full Stack Developer

@salar.mohammad2013 3 سال پیش مطرح شد

سلام
طبق گفته ی دوستمون @shift.delete انجام بده
میتونی هر دو المنت رو داخل یک دیو relative قرار بدی
و به این دو المنت ablolute شدن z-index بدی به صورتی که اونی که میخوایی روی المنت دیگه باشه z-index بیشتری بهش بدی.

ارسال پاسخ

امانوئل

تخصص : :) بـالـاخـَرـہ ڪـَم و زیـاد...

@emnatkins 3 سال پیش مطرح شد

ممنون از همه مشارکت کنندگان🙏🙏🙏🙏🙏🌹🌹🌹🌹🌷

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

سوال درمورد css

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید