ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Float + position:relative разве корректно?
13 сообщений из 13, страница 1 из 1
Float + position:relative разве корректно?
    #35753951
MaratMarat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaratMarat
Участник
Всем привет! Интересует такой вопрос:
Смысл использования для дива одновременно float:left и position:relative??? Просто при использовании float, блок уже вырывается из нормального потока! А position:relative - относительное позиционирование, но блок в нормальном потоке! Объясните плиз.
...
Рейтинг: 0 / 0
13.01.2009, 09:19
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754084
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Поотменяй попеременно одно и другое - есть разница в отображении? Если нет - не используй это в сочетании.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
13.01.2009, 10:30
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754124
MaratMarat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaratMarat
Участник
krvsa,

Ты сам так использовал? И чем при этом руководствовался?
...
Рейтинг: 0 / 0
13.01.2009, 10:44
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754135
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
maratMaratВсем привет! Интересует такой вопрос:
Смысл использования для дива одновременно float:left и position:relative???
Имеет смысл для позиционирования внутри дива. Элементы в этом случае будут позиционироваться от левого верхнего угла дива. Без релативе - относительно предыдущего блока релативе или абсолюте, если таких нет - относительно боди.
...
Рейтинг: 0 / 0
13.01.2009, 10:49
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754148
MaratMarat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaratMarat
Участник
ShSergemaratMaratВсем привет! Интересует такой вопрос:
Смысл использования для дива одновременно float:left и position:relative???
Имеет смысл для позиционирования внутри дива. Элементы в этом случае будут позиционироваться от левого верхнего угла дива. Без релативе - относительно предыдущего блока релативе или абсолюте, если таких нет - относительно боди.

т.е. в итоге, если мы сначала блоку назначаем float:left, а потом ему же position:relative, то это нам дает смещение влево и гарантирует, что блок останется в нормальном потоке?
...
Рейтинг: 0 / 0
13.01.2009, 10:52
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754198
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Это будет гарантировать то, что розовый квадрат будет в левом верхнем углу жёлтого, а жёлтый будет флоат:лефт, как в примерчике, а что там и кто вынимает из потока отображения - не важно.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<body>
qqqqqqqqqqqqq<br />
qqqqqqqqqqqqq<br />
<div style="float:left;position:relative;height:100px;width:100px;background-color:yellow">
<div style="position:absolute;top:0px;left:0px;background-color:pink;height:20px;width:20px;"></div>
</div>
rrrrrrrrrrrrrrrrrrrrrrrr<br />
rrrrrrrrrrrrrrrrrrrrrrrr<br />
rrrrrrrrrrrrrrrrrrrrrrrr<br />
</body>
</html>
...
Рейтинг: 0 / 0
13.01.2009, 11:08
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754280
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
maratMaratТы сам так использовал?
Нет. Делал либо "то", либо "это"...
...
Рейтинг: 0 / 0
13.01.2009, 11:29
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754288
MaratMarat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaratMarat
Участник
krvsamaratMaratТы сам так использовал?
Нет. Делал либо "то", либо "это"...

Т.е. ты тоже считаешь, что это противоречит правилам?
...
Рейтинг: 0 / 0
13.01.2009, 11:32
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754296
MaratMarat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaratMarat
Участник
ShSergeЭто будет гарантировать то, что розовый квадрат будет в левом верхнем углу жёлтого, а жёлтый будет флоат:лефт, как в примерчике, а что там и кто вынимает из потока отображения - не важно.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<html>
<body>
qqqqqqqqqqqqq<br />
qqqqqqqqqqqqq<br />
<div style="float:left;position:relative;height:100px;width:100px;background-color:yellow">
<div style="position:absolute;top:0px;left:0px;background-color:pink;height:20px;width:20px;"></div>
</div>
rrrrrrrrrrrrrrrrrrrrrrrr<br />
rrrrrrrrrrrrrrrrrrrrrrrr<br />
rrrrrrrrrrrrrrrrrrrrrrrr<br />
</body>
</html>


Это-то ясно =) Ты мне в итоге можешь дать характеристику первому divy (желтого цвета)? Он будет в нормальном потоке или нет? вот, что мне интересно.
...
Рейтинг: 0 / 0
13.01.2009, 11:33
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754331
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Матросов, Сергеев, Чаунин
Относительно позиционированные и статически позиционированные элементы после изъятия из исходного текста всех абсолютно позиционированных элементов (вместе с их потомками), образуют непрерывный поток отображения, в котором каждый последующий элемент позиционируется относительно конца предыдущего.

Т.е. будет. Флоат:лефт здесь вроде как и ни при чём. Впрочем, это так утверждают авторы.
...
Рейтинг: 0 / 0
13.01.2009, 11:44
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754355
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
maratMaratТ.е. ты тоже считаешь, что это противоречит правилам?
Я это просто не использую... А все эти "правила" - чистая условность. Все равно браузер ошиби на эту "кашу" не даст... А нарисует все как поймет.
...
Рейтинг: 0 / 0
13.01.2009, 11:51
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754367
MaratMarat
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MaratMarat
Участник
ShSergeМатросов, Сергеев, Чаунин
Относительно позиционированные и статически позиционированные элементы после изъятия из исходного текста всех абсолютно позиционированных элементов (вместе с их потомками), образуют непрерывный поток отображения, в котором каждый последующий элемент позиционируется относительно конца предыдущего.

Т.е. будет. Флоат:лефт здесь вроде как и ни при чём. Впрочем, это так утверждают авторы.

прикольно. Можешь дать ссылку на статью плиз?
...
Рейтинг: 0 / 0
13.01.2009, 11:53
| Ответить | Цитировать | Написать  
Float + position:relative разве корректно?
    #35754377
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
maratMaratприкольно. Можешь дать ссылку на статью плиз?
Неа. Это я с учебника HTML 4.0 перепечатал.
...
Рейтинг: 0 / 0
13.01.2009, 11:56
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Float + position:relative разве корректно?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1455316]:
 0ms
get settings:
 11ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 158ms
get topic data:
 11ms
get forum data:
 4ms
get page messages:
 73ms
get tp. blocked users:
 2ms
others: 241ms
total:  524ms
созд. / загр.: 524ms
x
x
Закрыть


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