Получение 3 кадра рядом

Question

У меня есть рамка шириной 760 пикселей. Затем у меня есть div, называемый main внутри того, что имеет ширину 750px и имеет отступ 5px.

.main {
width:750px;
background-color:#FFF;
border-style:solid;
border-width:thin;
padding:5px;
margin-bottom:10px;

}

У меня внутри есть div, который называется последним, и я хочу 3 рядом.

.latest {
width:240px;
padding:5px;

}

Если я добавлю float: left в последний div, он окажется за пределами основного.

<div class="main">
    <div class="latest">
        asdasdas
    </div>

    <div class="latest">
        asdasdas
    </div>

    <div class="latest">
        asdasdas
    </div>
</div>

Код, который я использую, чтобы собрать все вместе. Я не могу думать ни о чем другом. Спасибо за чтение, надеюсь, вы можете помочь!

Answer 1

.latest {
    width:240px;
    padding:5px;
    float: left;
}

что-то прочитать http://css.maxdesign.com.au/floatutorial/

Прочитайте это, http://css.maxdesign.com.au/floatutorial/clear.htm

Это, вероятно, решит вашу проблему

добавьте это в ваш основной div

<div class="clear"></div>

и добавьте это в своем стиле

.clear {
clear: both;
}

Answer 2

Добавить переполнение: авто к .main div.

Более подробное объяснение здесь: http://gtwebdev.com/workshop/floats/enclosing-floats.php