Позиция CSS: относительная и плавающая: слева

просто быстрый вопрос: Могу ли я применить относительное положение и поместить слева на один элемент? Кто-нибудь использует его?

div {
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  (...)
}

Спасибо!

Ответы

Ответ 1

Да.

CSS2.1, 9.4.3:

"Как только ящик был выложен в соответствии с нормальным потоком или плавающим, он может смещаться относительно этой позиции. Это называется относительным позиционированием"

Ответ 2

Можно ли применить относительное положение и поместить слева на один элемент?

Да. Попробуйте.

Ответ 3

Я хочу дать другой ответ, если он может кому-то помочь. У меня было два бок о бок, и я хотел, чтобы они заняли место:

<div class="col-md-12">
    <div class="col-md-6">stuff</div>
    <div class="col-md-6">other stuff</div>
</div>

Я использовал это, применив <div class="clear"></div> после всех моих плавающих. Это работало, потому что .clear { clear: both; } решило проблему. Это больше не работает для меня. Вместо этого Я выполнил следующие инструкции и добавил этот класс в свой контейнер:

.noFloat {
    width: 100%;
    overflow: auto; //If you get a scroll bar, try overflow: hidden;
    float: none;
}

поэтому я закончил с:

<div class="col-md-12 noFloat">...</div>

Вот ссылка на пример bootply.com: http://www.bootply.com/EupCHRhV4s