Код.
<style>
.c {
display: inline-block;
background-color: #ddd;
}
.i {
float: left;
width: 200px;
height: 40px;
background-color: #aaa;
}
.i1 {background-color: #aaa;}
.i2 {background-color: #bbb;}
.i3 {background-color: #ccc;}
</style>
<div class="c">
<div class="i i1"></div>
<div class="i i2"></div>
<div class="i i3"></div>
</div>
Откуда берется пустое пространство у родителя(с боку), когда при ресайзе окна браузера элемент с флоат прыгает вниз? Ведь по существу, родитель должен плотно прилегать к детям, а не растягиваться на всю ширину, насколько мне известно.
Как сделать так, чтобы он прилегал к детям?