ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как включить схлопывание отступов при наличии float у элементов?
12 сообщений из 12, страница 1 из 1
Как включить схлопывание отступов при наличии float у элементов?
    #37468592
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
Есть разметка - пример
Необходимо чтобы элементы были плавающие - float: left
Но при этом не работает схлопывание. Как это обойти?
...
Рейтинг: 0 / 0
05.10.2011, 10:53
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37468659
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
"Схлопывание" - это как?
...
Рейтинг: 0 / 0
05.10.2011, 11:21
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37468722
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
st_st"Схлопывание" - это как?

ну к примеру както так - тынц
...
Рейтинг: 0 / 0
05.10.2011, 11:40
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37468772
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
если флоат это как раз случай, при котором "схлопывание" не происходит, то нужно отказаться или от одного или от другого )
чего именно нужно добиться в результате?
...
Рейтинг: 0 / 0
05.10.2011, 11:56
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37468903
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
Zoriaесли флоат это как раз случай, при котором "схлопывание" не происходит, то нужно отказаться или от одного или от другого )
чего именно нужно добиться в результате?

Хотелось чтоб отступы везде были одинаковы - прийдется у контейнера наверно увеличить margin чтобы выровнять расстояния
...
Рейтинг: 0 / 0
05.10.2011, 12:47
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37468916
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
sp , я так ничего вообще не понял чо тебе нужно... На фотках чёле покажи...
Да и примеры лучше тут выкладывай. Ну её в баню эту "примерочную"...
...
Рейтинг: 0 / 0
05.10.2011, 12:51
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37470790
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
krvsa sp , я так ничего вообще не понял чо тебе нужно... На фотках чёле покажи...
Да и примеры лучше тут выкладывай. Ну её в баню эту "примерочную"...

речь идет о том что в соседних в блоках если margin-top и margin-bottom к примеру равны 20 то в итоге между вертикально-соседними блоками получается не 40 - а 20 - это называется схлопывание отступов.
Оказывается это работает не всегда... в частности если элементы float то схлопывание отступов не происходит, а так хотелось...)
...
Рейтинг: 0 / 0
06.10.2011, 13:25
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37470793
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
krvsa,

так а чем jsfiddle неудобен!? там все красиво и приятно! )
...
Рейтинг: 0 / 0
06.10.2011, 13:26
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37470930
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
spтак а чем jsfiddle неудобен!? там все красиво и приятно! )
1. он мееедленый...
2. редактировать там не удобно
3. чтобы сделать один документ приходится копировать куски

А так всё скопом раз! И скопировал...
...
Рейтинг: 0 / 0
06.10.2011, 14:28
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37470942
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
spречь идет о том что в соседних в блоках если margin-top и margin-bottom к примеру равны 20 то в итоге между вертикально-соседними блоками получается не 40 - а 20 - это называется схлопывание отступов.
Оказывается это работает не всегда... в частности если элементы float то схлопывание отступов не происходит, а так хотелось...)
Вона чё... Ясно.

Как вариант используй конструкции

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
.box {
   float: left;
   margin-top: 10px;
   margin-bottom: 10px
}
.box + .box {
   margin-top:  0 ;
}

Т.е. кагбэ перебиваешь селектор... Так и "схлопывание" не понадобится... ;)
...
Рейтинг: 0 / 0
06.10.2011, 14:32
| Ответить | Цитировать | Написать  
Как включить схлопывание отступов при наличии float у элементов?
    #37472953
sp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sp
Участник
krvsaВона чё... Ясно.

Как вариант используй конструкции

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
.box {
   float: left;
   margin-top: 10px;
   margin-bottom: 10px
}
.box + .box {
   margin-top:  0 ;
}

Т.е. кагбэ перебиваешь селектор... Так и "схлопывание" не понадобится... ;)

воистину - все сложное как правило решается очень просто! :) спасибо
...
Рейтинг: 0 / 0
07.10.2011, 14:31
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
Как включить схлопывание отступов при наличии float у элементов?
    #38648212
Павел34252345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Павел34252345
Гость
Попробуйте
.box > *:first-child {
margin-top: 0;
}
...
Рейтинг: 0 / 0
21.05.2014, 23:53
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как включить схлопывание отступов при наличии float у элементов?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=99&tid=1447064]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 136ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 30ms
get tp. blocked users:
 1ms
others: 198ms
total:  398ms
созд. / загр.: 398ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]