Проблемы с последним плавающим элементом

Question

Проблемы с последним плавающим элементом

0

Как я могу это решить? http://jsfiddle.net/Monobe/Yq7GK/

<div id="timeline">
    <div class="item">...</div>
    <div class="item">...</div>
    <div class="item">...</div>
    <div class="item">...</div>

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

Последний элемент не плавает правильно по высоте предыдущего элемента, так как нижняя часть предпоследнего элемента не достигла нижней части элемента слева, последний элемент не помещается правильно.

Я испанский, извините, если не понимаю меня, у меня плохой английский...

user2968609 08 нояб. 2013, в 12:42

Источник

0

Как это
Pete 08 нояб. 2013, в 11:26
0

Вы ищете clear:left ?
Dipak Ingole 08 нояб. 2013, в 11:27

Теги:

html

css

floating

1 ответ

Ещё вопросы

Nitish Thakrar · Answer 1 · 2013-11-08T09-29-00.000Z

Пусть это поможет вам.

В таблице у нас есть строка, аналогичная той, которая применяется к родительскому div.

<div id="timeline">
    <div class="row">
        <div class="item">...</div>
        <div class="item">...</div>
    </div>
    <div class="row">
        <div class="item">...</div>
        <div class="item">...</div>
    </div>
    <div class="row">
        <div class="item">...</div>
    </div>
</div>

Теперь примените css для класса = row.

.row{float:left; width:100%; margin:5px 0;}