تقسیمات تو در تو؟ یه سوال داشتم که منبعشو دقیق بلد نیستم؟:d

[leaping]

سلام خدمت دوستان واهالی محترم سایت
یه سوال نسبتا تخصصی داشتم

فرض کنید ما چند

<div></div><div></div><div></div>

به این صورت داریم که در حالت عادی سه ردیف جدولی خالی رو همه قرار میده؟
خب تا اینجای کار درست
فرض کنید من در بالایی یک هدر قرار دادم در پایین زیرهدر و زیرش مثلا یه رنگ(درون هر ردیف)
خب حالا من اگه بخوام<div>قرار بدم که روی این 3 تا قرار بگیره باید چیکار کنم؟
منظورم اینکه اون بتونه رو سطح 3 تای اونها قرار بگیره مثلا شبیه شکل زیر بشه

​

​

 

[dexted]

سلام دوست عزیز
شما باید از خاصیت position:absolute استفاده کنید.
مثل کد زیر

<div class="main" style="position:relative">
	<div class="header"></div>	<div class="content"></div>	<div class="footer"></div>	<div class="over" style="position:absolute;top:10px;left:10px;z-index:10"></div>

</div>

در اینجا به چند نکته توجه کنید:
1-اون div ی که absolute هست باید زیرمجموعه یه div باشه با position:relative
2- با استفاده از خاصیت های topو left و rightو bottom میتونید جای باکس مورد نظر رو درست کنید
3-z-index:10 واسه این گذاشته شده که روی همه عناصر قرار بگیره

اگر اطلاعات بیشتری نیاز دارین سایت زیر بسیار راهگشاست
http://w3schools.com/css/css_positioning.asp

امیدوارم به درد خورده باشه