2 Колонки

Question

Borgius @Borgius

HTML
CSS

2 Колонки

Есть контейнер, в него поступают новые div-ы c классами left or right
ширина 49%, высота — разная, приходят в случайном порядке.
Есть ли способ, используя только css расположить их каждый у своей стороны экрана
и чтобы не было вертикальных пробелов
пример:

<div class='container'>
   <div class='left'>constain 3 lines</div> 
   <div class='right'>constain 1 line</div> 
   <div class='left'>constain 5 lines</div> 
   <div class='right'>constain 4 lines</div> 
   <div class='right'>constain 2 lines</div> 
   <div class='left'>constain 5 lines</div> 
   <div class='right'>constain 4 lines</div> 
</div>

Спасибо.

Вопрос задан более трёх лет назад
5082 просмотра

Комментировать

Подписаться 2 Оценить Комментировать

Answer 1 · 2012-10-02 04:32:04

Попробуйте вместо 49% задать ширину 50%, дополнив её отрицательным отступом в противоположном направлении для обхода специфики округления процентных значений в IE:

.left,
.right {width: 50%; }

.left {
    float: left;
    margin-right: -1px;
}

.right {
    float: right;
    margin-left: -1px;
}

2 Колонки

Войдите на сайт