CSS float и div block position - PullRequest
Новая
       36

CSS float и div block position

4 голосов
/ 16 января 2012

У меня есть эта проблема, тогда я пытаюсь перевести div влево, каждый блок содержит один и тот же класс div (член).

Блок увеличивается, если он находится справа, но не работает слева.

Есть мысли? 

.member {
    float: left;
    position: relative;
    width: 422px;
    margin: 0px 10px 10px 0px;
    height: auto;
}

example

изображение с примером

1 Ответ

3 голосов
/ 16 января 2012

Полагаю, вам нужны два столбца с блоками разной высоты.

Затем один столбец должен плавать влево, а второй вправо:

Примерно так: 

.member {
    position: relative;
    width: 422px;
    margin: 0px 10px 10px 0px;
    height: auto;
}

.fl_left {
    float: left;
    clear: left;
}

.fl_right {
    float: right;
    clear: right;
}

HTML: 

<div id="left">
    <div class="fl_left">
        <div class="member"></div>
        <div class="member"></div>
    </div>
    <div class="fl_right">
        <div class="member"></div>
        <div class="member"></div>
    </div>
</div>
...