Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
Queneronn
0 / 0 / 0
Регистрация: 21.03.2016
Сообщений: 4
1

Вертикально подогнать блоки разной высоты

05.11.2016, 14:01. Просмотров 545. Ответов 1

Здравствуйте. Имеется такой код:
HTML5
1
2
3
4
5
6
7
8
9
<div class="wrapp">
    <div class="div1">div1</div>
    <div class="div2">div2</div>
    <div class="div1">div3</div>
    <div class="div2">div4</div>
    <div class="div1">div5</div>
    <div class="div2">div6</div>
    <div style="clear:both;"></div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.wrapp{
max-width:600px;
width:100%;
margin:0 auto;
background:#dcdcdc;
}
.div1{
width:30%;
float:left;
}
.div2{
width:70%;
float:right;
}
Визуально получается так:

Вертикально подогнать блоки разной высоты


Но когда содержимое div1 больше остальных получается так:

Вертикально подогнать блоки разной высоты


Можно ли убрать отступы? Чтобы получалось так:

Вертикально подогнать блоки разной высоты
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.11.2016, 14:01
Ответы с готовыми решениями:

Расположить блоки разной высоты в две колонки
Добрый день, подскажите пожалуйста, как мне исправить код, чтобы блоки...

Выровнять блоки разной высоты в двух колонках
Не знаю как можно выровнять данную конструкцию При одинаковой высоте...

Расположить блоки разной высоты один под другим, в несколько столбцов
Добрый день. Есть блоки разной высоты. Нужно расположить их один под другим...

CSS Не получается подогнать блоки
В верхнем левом углу блок при уменьшении-увеличении окна браузера, не...

Расположить вертикально блоки
Добрый день ув. пользователи ! Подскажите пожалуйста, если есть допустим книга,...

1
mrtoxas
Модератор
Эксперт HTML/CSS
2590 / 1917 / 1191
Регистрация: 12.07.2015
Сообщений: 5,136
Записей в блоге: 3
05.11.2016, 15:34 2
Можно воспользоваться колонками. Пример есть в теме Вёрстка галереи, состоящей из разновысоких картинок.
Или разбить блоки div1,div3 и div2,div4 по разным оберткам и выстроить их в один ряд.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
05.11.2016, 15:34

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

Списки li разной высоты
Добрый день! Помогите решить проблему с списком. Для того, чтобы выравнять 4...

Вертикальное выравнивание флоатов разной высоты
Подскажите пожалуйста, ибо туплю и гугл настроился против меня. Как выровнять...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru