كيف أضبط عرض div مع عرض div المُحتوي لها؟

سنستعمل قيمتي relative وَ absolute للتمكن من ذلك:

.x{
position: relative;
}
.z{
position: absolute ;
top:0;
left:0;
width:100%;
}

ويمكن استعمال خاصية الوراثة inherit داخل ملف css، والتي تمكن عنصر من استخلاص قيمة خاصية معينة من العنصر المُحتوي له:

• كود html:

<div class = "x">
   <div class = "y">
       <div class = "z">
       </div>
   </div>
</div>

• كود ملف التنسيق css:

.x
{
width:100px; 
border:1px solid red;
height:100px;
}

.z{
width:inherit; 
border:1px solid green;
height:100px;
}

مثال تطبيقي.