ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / loat: left ("автоперенос" на следующую "строку") - не растет
5 сообщений из 5, страница 1 из 1
loat: left ("автоперенос" на следующую "строку") - не растет
    #38939211
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
Когда-то где-то прочитал/отложилось в памяти (чуть ли не хрестоматийный вопрос на собеседовании), что если надо организовать "автоперенос", то юзается float: left. Т.е.: элементы идут друг за дружкой в одну линию до тех пор, пока помещаются по ширине контейнера, а потом - сбрасываются на линию ниже и т.д. Вот сейчас попробовал заюзать:
Код: html
1.
2.
3.
4.
5.
<div style="border: 1px solid black; width: 250px;">
	<div style="float: left; background-color: green; width: 100px; height: 100px;">DIV I</div>
	<div style="float: left; background-color: red; width: 100px; height: 100px;">DIV II</div>
	<div style="float: left; background-color: blue; width: 100px; height: 100px;">DIV III</div>
</div>


По идее DIV I и DIV II д.б. в одну линию (100 + 100 < 250), а DIV III - не влазит и сбрасывается вниз. И, вроде, по факту получилось как книжка пишет http://www.cssdesk.com/Wzu4y Тока, вот, сам контейнер, как таковой - не тянется. Что ему сказать нуна, чтобы и он вырос?
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.5
...
Рейтинг: 0 / 0
17.04.2015, 13:53
| Ответить | Цитировать | Написать  
loat: left ("автоперенос" на следующую "строку") - не растет
    #38939223
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
Ex_Soft,
Что имеется ввиду под "контейнер, как таковой - не тянется"
...
Рейтинг: 0 / 0
17.04.2015, 13:59
| Ответить | Цитировать | Написать  
loat: left ("автоперенос" на следующую "строку") - не растет
    #38939236
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
Ex_Soft,

Код: html
1.
2.
3.
4.
5.
<div style="border: 1px solid black; width: 250px; overflow: hidden;">
	<div style="float: left; background-color: green; width: 100px; height: 100px;">DIV I</div>
	<div style="float: left; background-color: red; width: 100px; height: 100px;">DIV II</div>
	<div style="float: left; background-color: blue; width: 100px; height: 100px;">DIV III</div>
</div>
...
Рейтинг: 0 / 0
17.04.2015, 14:07
| Ответить | Цитировать | Написать  
loat: left ("автоперенос" на следующую "строку") - не растет
    #38939248
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
Ex_Soft,

http://cssdeck.com/labs/tld2mowo
...
Рейтинг: 0 / 0
17.04.2015, 14:13
| Ответить | Цитировать | Написать  
loat: left ("автоперенос" на следующую "строку") - не растет
    #38939255
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
> overflow: hidden;
да - уже нашел http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.5
...
Рейтинг: 0 / 0
17.04.2015, 14:17
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / loat: left ("автоперенос" на следующую "строку") - не растет
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=75&tid=1446083]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 49ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 3ms
others: 210ms
total:  335ms
созд. / загр.: 335ms
x
x
Закрыть


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