Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / loat: left ("автоперенос" на следующую "строку") - не растет / 5 сообщений из 5, страница 1 из 1
17.04.2015, 13:53
    #38939211
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
loat: left ("автоперенос" на следующую "строку") - не растет
Когда-то где-то прочитал/отложилось в памяти (чуть ли не хрестоматийный вопрос на собеседовании), что если надо организовать "автоперенос", то юзается 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:59
    #38939223
kunaksergey
kunaksergey
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
loat: left ("автоперенос" на следующую "строку") - не растет
Ex_Soft,
Что имеется ввиду под "контейнер, как таковой - не тянется"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.04.2015, 14:07
    #38939236
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
loat: left ("автоперенос" на следующую "строку") - не растет
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:13
    #38939248
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
loat: left ("автоперенос" на следующую "строку") - не растет
Ex_Soft,

http://cssdeck.com/labs/tld2mowo
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.04.2015, 14:17
    #38939255
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
loat: left ("автоперенос" на следующую "строку") - не растет
> 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / loat: left ("автоперенос" на следующую "строку") - не растет / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 462ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446083]:
 0ms
get settings:
 11ms
get forum list:
 16ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 132ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 234ms
total:  462ms
x
x
Закрыть


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