Как задать float блоку бэм?

Question

[dmitry_polakov]

Здравствуйте . Если создать блок по методологии бэм , то как задать ему float.
Мне кажется нужно использовать модификатор ,но тогда не понятно какое должно быть имя у модификатора.
Либо нужно обернуть в контейнер блок и контейнеру задать свойство.

Comments

[Вадим]

Ну, допустим, у Вас есть блок с рекламой, скажем, advertising.
Вы размещаете этот блок где-т в тексте статьи и хотите чтобы текст огибал его (для чего float и был придуман)
Тут будет уместнее использовать bem-микс.
Скажем, статья это bem-блок с классом article.

Тогда реклама в тексте статьи будет иметь примерно следующие классы:
.advertising.article__advertising

article__advertising - задан float и другие стили, которые принимы для рекламы в контексте статьи.

Answer 1

[smigles]

По БЭМ блок должен быть относительно независим от окружения, то есть ему нельзя задавать расположение относительно внешних сущностей. Поэтому float следует задать через элемент блока или модификатор элемента, например:

.article__image--right {
  float: right;
}

Comments

[dmitry_polakov]

что значит элемент блока

[smigles]

dmitry_polakov, вторая буква в аббревиатуре «БЭМ». В моём примере article — это блок, image — это элемент блока, right — это модификатор элемента блока.

[dmitry_polakov]

А почему нельзя обернуть в контейнер и ему задать свойства?

[profesor08]

dmitry_polakov, можно

[smigles]

dmitry_polakov, можно, но обёртка должна подчиняться тем же правилам. Например, обернём картинку в некий image-wrapper:

.article__image-wrapper--right {
  float: right;
}