float + position

1) Можно ли использовать на элементе одновременно float:left и position:absolute/relative?
2) Во всех ли браузерах это будет работать корректно?

Pavelbeginner, вы опять поражаете вопросом, который проверяется за 5 секунд.
Так тяжело проверить самому? Времени одинаково, что написать очередной вопрос, что самостоятельно проверить на практике. От второго пользы больше.
Мне вот интересно, чего хотите добиться элементу с абсолютным позиционированием float: left?



С относительным:


Кроссбраузерность соблаговолите проверить сами.

(Отредактировано автором: 19 Февраля, 2012 - 01:34:14)

Меня поражает Ваша наивность в плане, что Вы думаете, что я не проверил и абы ляпнуть пишу. Я проверил во всех браузерах, работает корректно, но я же не знаю на счет всех версий браузеров. Нашел вчера все-таки инфу, что нельзя применять float:left и position:relative. А раз есть возможность того, что не будет корректно отображаться хоть в одном браузере и, тем более, раз это не соответствует стандарту, то я не буду так делать и то, что я проверю в браузерах и будет работать - это уже не имеет значение.

К сожалению большая часть вопросов в этом разделе создает именно это впечатление.

ну хорошо, что хоть где-то точно написали что нельзя

Вообще не вижу смысла в флоатах совместно с позиционированием Если это является решением проблемы, то нужно искать другое решение

(Отредактировано автором: 19 Февраля, 2012 - 14:24:06)

Например, если нужно внутри одного блока разместить бок обок несколько блоков. А относительно внутренних блоков осуществлять позиционирование. Можно, конечно, использовать вместо float display:inlin-block, но тогда, если между ними есть пробелы, то они не будут стоять вплотную друг к другу.

почему нельзя??? можно, а иногда нужно.

посмотрите код http://jsfiddle[dot]net/TpxV6/
по задумке синий флоатнутый блок должен быть виден полностью. А если position:relative убрать, то он окажется под желтым.

-----
Чем больше узнаю, тем больше я не знаю.

Pavelbeginner, проблема с отступами между блоками успешно решается кучей способов
И они хорошо описаны в статье на хабре «Загадочные отступы» между инлайн-элементами

Точно, горизонтальное выпадающее меню. Вспылил, был неправ


Но зато нашел пару плюшек:



TL;DR можно смело юзать float + position: relative;

(Отредактировано автором: 19 Февраля, 2012 - 22:25:08)

Вычитал, что нельзя по стандарту. То, что у Вас корректно отображается в браузере, это не значит, что во всех браузерах так отображается. Лучше следовать стандартам, точнее нужно им следовать.

Pavelbeginner, перечитайте мой пост. Там есть ответ на такой же вопрос и ссылка на спецификацию (и конкретная цитата из нее).
И спецом же выделил вывод в TL;DR, что можно.

Если так уверены в источнике - дайте ссылку, посмотрим о чем там говорят. Может там про абсолютно позиционированный элемент, для которого флоат игнорируется.

(Отредактировано автором: 19 Февраля, 2012 - 22:57:32)

По какому стандарту?
Вот спека http://www[dot]w3[dot]org/TR/CSS21/visuren[dot]html Где там написано, что эти два свойства нельзя совмещать?
(Добавление)

вот это , кстати, в спецификации и написано.

-----
Чем больше узнаю, тем больше я не знаю.

DelphinPRO, вот эта цитата отвечает спеке и действительности.
А вот чуть раньше (которая говорит что нельзя)

не нашел подтверждения ни в спеке, ни в браузерах

(Отредактировано автором: 19 Февраля, 2012 - 23:33:39)