یک سوال در مورد دایوهای تو در تو

[pary_daryayi]

سلام . این کد ها رو ببینید لطفا :
css:


.d3{
width:300px;
height:200px;
background-color:red;
float:left;
}
.d4{
width:200px;
height:100px;
background-color:#ccc;
margin-top:20px;
margin-left:10px;
}

html:


<div class="d3">
<div class="d4"></div>
</div>

وقتی d3 صفت float میگیره , دایو درونی margin-top رو قبول میکنه . در غیر این صورت قبول نمیکنه.
اما margin-left رو در هر دو صورت میپذیره .یعنی چه دایو d3 صفت float رو بگیره یا نگیره . علت چیه ؟

[tamafi6]

برای اینکه d3 والد d4 هست و float هم بهdiv فرزند داده میشه هم بهdiv والداینجورمواقع شما بایدازکلاس کاذب استفاده کنیدمثل این


.d4:not(.d3){
margin-left:50px;
}

[Javidhb]

اینجا کامل توضیح داده:
http://stackoverflow.com/a/9519933/2506043