Dış divs içinde yüzen sarmak için siyah olan div, istiyorum. İstemiyorum kullanın style='height: 200px div outerdiv ıd olarak benim olmak istediğim otomatik yükseklik içeriği (örneğin, kayan divs).

<div id='outerdiv' style='border: 1px solid black;background-color: black;'>
<div style='width=300px;border: red 1px dashed;float: left;'>
    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>

<div style='width=300px;border: red 1px dashed;float: right;'>
    <p>zzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p>
</div>

Nasıl bunu başarmak için?

outerdiv'ın bu CSS ayarlayabilirsiniz

#outerdiv {
    overflow: hidden; /* make sure this doesn't cause unexpected behaviour */
}

Ayrıca clear: both ile sonunda bir öğe ekleyerek bunu yapabilirsiniz. Bu, normal olarak, :after CSS pseudo element (yaygın olarak eski Ler desteklenmiyor) ile JS (iyi bir çözüm değil) ya da eklenebilir.

Sorun kapları doğal olarak çocuk süzülüyor de kapsayacak şekilde genişletmek zorunda kalmayacak. Eğer çocuğunuz varsa ilk örneği kullanarak ile uyarılır, üst öğesi dışındaki öğeleri, gizli olacak. Ayrıca, 'otomatik' özellik değeri olarak, ama bu, eğer herhangi bir öğe dışında görünürse kaydırma çubukları çağırır. kullanabilirsiniz

Ayrıca üst kapsayıcı kayan deneyebilirsiniz, ama senin tasarımına bağlı olarak, bu imkansız/zor olabilir.