سوال: یه سوال [بایگانی]

dreadful

چهارشنبه 27 شهریور 1392, 17:18 عصر

سلام دوستان
یه سوال داشتم

وقتی دو تا دیو توی هم هست و من margin-top دیو داخلی رو یه عدد میدم مثل 200 ،اون وقت دیو والدشم (بیرونی) هم همون margin رو میگیره و من مجبور میشم به دیو داخلی position: absolute بدم تا دیو اصلی سر جاش بمونه و فقط دیو داخلی بیاد پایین !

حالا سوالم اینجاست که چرا اینجوریه ؟ مگه ما فقط به دیو داخلی margin نمی دیم ،پس چرا اون هم margin میگیره ؟! O.o ?

r4hgozar

چهارشنبه 27 شهریور 1392, 17:23 عصر

به نظرم شام کدتون رو اینجا بزارین راحت تر میشه کمکتون کرد.

dreadful

چهارشنبه 27 شهریور 1392, 17:34 عصر

به نظرم شام کدتون رو اینجا بزارین راحت تر میشه کمکتون کرد.

بفرما !
الان اون سیاهه margin-top ندادم ولی margin-top گرفته !
قرمز داخل مربع سیاه هست و margin-top داره پس قرمز باید بیاد پایین و سیاه ثابت بمونه ،پس چرا اینجوری میشه :متفکر:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>

.main_div
{
background-color: rgba(0,0,0,.5);
width: 300px;
height: 300px;
}

.my_div
{
background-color: rgba(255,0,0,.5);
width: 100px;
height: 100px;
margin-top: 200px;
}
</style>
</head>
<body>
<div class="main_div">
<div class="my_div"></div>
</div>
</body>
</html>

r4hgozar

چهارشنبه 27 شهریور 1392, 18:31 عصر

اینم درستش دوست عزیز
یک float: left کم داشت.

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>

.main_div
{
background-color: rgba(0,0,0,.5);
width: 300px;
height: 300px;
float: left;
}

.my_div
{
background-color: rgba(255,0,0,.5);
width: 100px;
height: 100px;
margin-top: 200px;
}
</style>
</head>
<body>
<div class="main_div">
<div class="my_div"></div>
</div>
</body>
</html>

dreadful

چهارشنبه 27 شهریور 1392, 19:06 عصر

اینم درستش دوست عزیز
یک float: left کم داشت.

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>

.main_div
{
background-color: rgba(0,0,0,.5);
width: 300px;
height: 300px;
float: left;
}

.my_div
{
background-color: rgba(255,0,0,.5);
width: 100px;
height: 100px;
margin-top: 200px;
}
</style>
</head>
<body>
<div class="main_div">
<div class="my_div"></div>
</div>
</body>
</html>

درست میشه ولی برای چی باید اون float:left رو اضافه کنیم ؟ مگه به صورت معمولی چه مشکلی داره ؟
من درکش نمی کنم :(