Почему маржинальный левый: авто;предотвратить запуск соседнего блочного элемента на следующей строке? - PullRequest
Новая
       6

Почему маржинальный левый: авто;предотвратить запуск соседнего блочного элемента на следующей строке?

0 голосов
/ 30 сентября 2018

Я играл со свойством margin и заметил что-то странное.Я знаю, что margin-left: auto; автоматически вычисляет запас слева, поэтому он заканчивается справа, и я знаю, что блочные элементы всегда начинаются со следующей строки.Теперь, почему мой p не запускается на следующей строке и все искажено?

https://codepen.io/anon/pen/NOqGRO

.item {
  display: block;
  border: 5px solid green;
  padding: 5px;
  width: 5px;
  margin-left: auto;
}

.item2 {
  display: block;
  border: 5px solid green;
    height: 50px;
}
<div>

  <h1>hello world</h1>

  <div>
    <div class="item" />
    <div class="item2" />
  </div>

  <p>omg</p>
</div>

1 Ответ

0 голосов
/ 01 октября 2018

Классика, вы были сосредоточены на CSS, в то время как проблема была в другом месте.Измените это. 

<div class="item" />
<div class="item2" />

На: 

<div class="item"></div>
<div class="item2"></div>
...