Jump to content
  • 0

Float и схлопывающиеся отступы

troll

Asked by troll,

 Share

Question

troll Explorer

troll

Posted
Posted

По каким принципам определяется положение floated-блока, когда он находится между двумя блоками со схлопывающимися отступами? Например, в такой ситуации:


<div class="upper" style="margin-bottom: 30px;">some content</div>
<div class="floated" style="float: left;">some content</div>
<div class="lower" style="margin-top: 50px;">some content</div>

Естественно, размещение легко выяснить опытным путем, но меня больше интересуют правила, согласно которым вычисляются позиции блоков в подобных случаях.

Link to comment
Share on other sites

30 answers to this question

Recommended Posts

  • 0
JIyHa Explorer

JIyHa

Posted
Posted (edited)

Правда? Ваши слова прямо противоречат спецификации, вы не находите?

Нет, а если не сложно вы не могли бы дать ссылку где в спецификации, или может быть в какой-то книге написано, что float может абсолютно позиционироваться и выпадать из нормального потока? Вот здесь читала-нет такого, и здесь тоже нет.

А про позиционирование, повторюсь, очень понятно написано в книге "Языки HTML и CSS для создания веб-сайтов" М.Хольцшлаг в 12 главе.

Edited by JIyHa
Link to comment
Share on other sites
  • 0
troll Explorer

troll

Posted
  • Author
Posted (edited)

Я не утверждал, что флоат может абсолютно позиционироваться. А то, что он выпадает из потока, написано в спецификации CSS 2.1, перевод отрывка которой и линк на оригинал приведены в сообщении #22. По ссылкам в вашем предыдущем посте находятся устаревшие или неполные тексты, поэтому части сведений там просто нет. Где найти актуальный русский вариант, я, к сожалению, не знаю.

Кажется, я наконец-то понял ход ваших рассуждений.

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

Хотя на практике поведение блоков и выглядит так, как вы описали, тем не менее, абсолютно позиционированным в спецификации называется только элемент, к которому применяется свойство position со значением abolute (или fixed). Потомки же его абсолютно позиционированными не считаются (с точки зрения терминологии). Надеюсь, таким образом, смысл, заложенный в утверждении

Элемент считается вне потока, если он флоат, абсолютно позиционирован или является корневым

стал яснее.

Edited by troll
Link to comment
Share on other sites
  • 0
Seva1986 Explorer

Seva1986

Posted
Posted

а о чём вы спорите? из ваших постов понять трудно...

Всё можно позиционировать, всё можно сделать флоатом, всё может быть в нормальном потоке.... разве что корневой элемент не совсем подчиняется этим правилам....

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept