Простой вопрос по css - есть ответ

OLIWIN, 105 просмотров

На страницу вывожу циклом блоки div с контентом
Блоки имеют такой стиль:
.left_cat {
background-color:#DEF1FF;
float:left;
width:47%;
height:100%;
margin-left:10px;
margin-top:5px;
border-bottom:1px dashed #CCC;
padding:0;
}
Проблема в том, что случайным образом возникает промежуток между выводимыми блоками (сверху друг от друга)...Как их убрать и почему они так себя ведут?

Примечание:
Да...мне кажется тут дело во float

Примечание:
Вот как выглядит http://pixs.ru/showimage/5JPG_1978191_1925812.jpg
Слева блоки имеют расстояние намного больше чем справа...

Примечание:
clear: both; дает эффект их отображения друг за другом...а мне надо чтоб они выстраивались по горизонтали до упора, затем с новой строки прижимаясь к верхним и тд

Ответы:

Люцина

Ну за отступ margin-top:5px; отвечает, а что значит "случайным образом возникает промежуток" раз возникает - раз нет?

Люцина

Попробуй слева в конце всунуть еще один пустой блок, думаю все станет ясно))

foGa

Почитай про float и все поймешь. Если не поймешь, читай ниже

foGa

Дополнение #3 30.03.2011 5:24:31
Ну раз тебе так надо, то тебе надо тогда сами элементы располагать по-другому, т.к. когда заканчивается ширина, строка с элементами получает высоту наибольшего из них, отсюда и отступы. Как вариант, блок с "потреб товарами" и "строительство и ремонт" заключи в один блок, и уже отночительно его делай обтекание.
Если не совсем понятно, то у тебя сейчас примерно так
<div id="#1">1</div>
<div id="#2">2</div>
<div id="#3">3</div>
<div id="#4">4</div>
<div id="#5">5</div>
а надо сделать так
<div class="sub_block">
<div id="#1">1</div>
<div id="#3">3</div>
</div>
<div id="#2">2</div>
<div id="#4">4</div>
<div id="#5">5</div>

13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.