Одновременно float и position

[DrStrangeLove]

Может ли одновременно к одному и тому же элементу применяться float и position??

Вроде разные схемы позиционирования, и здесь сказано, что float нельзя применять к позиционированным элементам.

Но я своими глазами видел position:absolute и float:right, применёнными к одному и тому же элементу..

Как всё же оно на самом деле??

[ceil100]

написать можно, что угодно, но будет ли работать?

[Softlink]

Позишн в таких случаях служит не для позиционирования самого элемента, а для привязки, например, псевдоэлемента.

[Svatov]

Так лучше не делать, совершенно разные по принципу действия свойства. Думаю каждый браузер трактует эту нелепость по-своему.

Upd. Softlink, так это вроде допускается, но не position absolute и float:left к одному и тому же элементу.

Edited November 23, 2011 by Svatov

[Great Rash]

position: absolute; исключает float, т.е. написать-то можно, но толку от этого не будет никакого.

[troll]

Как всё же оно на самом деле??

Должно быть так:

1. If 'display' has the value 'none', then 'position' and 'float' do not apply. In this case, the element generates no box.
   
2. Otherwise, if 'position' has the value 'absolute' or 'fixed', the box is absolutely positioned, the computed value of 'float' is 'none'...
   

А как на самом деле, я не знаю.

[fragilewelldone]

На самом деле использование float и position: absolute бессмысленно, так как абсолютное позиционирование "вырывает" элемент из нормального потока расположения, тоесть этот элемент нельзя "обтекать" . он сам по себе и по отношению к родителю.

[DrStrangeLove]

Спасибо!! А что если одновременно к элементу применяются position:relative; и float:left; (или float:right;) ??

Ведь согласно спеке position:relative; в нормальном потоке..

Как тогда?? float'ы тоже не имеют значения - и используется float:none??

[Justnewone]

Ваще не понимаю, о чем вы тут говорите.

Тут ведь все интуитивно понятно, если элемент в потоке - ведет себя как в потоке, если не в потоке - соответственно.

Ведь согласно спеке position:relative; в нормальном потоке..

Ничего сложного создать элемент в тесте и поставить ему все позишны и все флоаты, ровно 5 минут.

[DrStrangeLove]

Ваще не понимаю, о чем вы тут говорите.

Тут ведь все интуитивно понятно, если элемент в потоке - ведет себя как в потоке, если не в потоке - соответственно.

Ведь согласно спеке position:relative; в нормальном потоке..

Ничего сложного создать элемент в тесте и поставить ему все позишны и все флоаты, ровно 5 минут.

т.е. при position:relative; float:left; превалирует, и элемент будет зафлочен??

[sigma77]

Ведь согласно спеке position:relative; в нормальном потоке..

И где же в спеке об этом сказано?

[DrStrangeLove]

Ведь согласно спеке position:relative; в нормальном потоке..

И где же в спеке об этом сказано?

http://www.w3.org/TR/CSS21/visuren.html#relative-positioning

По оглавлению указан в разделе Normal flow..

Я что-то путаю??

P.S.: Хотя, кажется, теперь я понимаю..

Спасибо, что ткнули носом..

Edited November 24, 2011 by DrStrangeLove

[SelenIT]

Первая же фраза по ссылке: "Once a box has been laid out according to the normal flow or floated, it may be shifted relative to this position" — "Когда элемент расположен на странице в соответствии с норм. потоком или зафлоачен, он может быть смещен относительно этой позиции".