css - 为什么 margin-left : auto; prevent an adjacent block element from starting on next line?

Question

我在研究 margin 属性时发现了一些奇怪的东西。我知道 margin-left: auto; 会自动计算左侧的边距，因此它会在右侧结束，而且我知道 block 元素总是从下一行开始。现在，为什么我的 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>

Answer 1

经典之作，您专注于 CSS 而问题却在别处。改变这个。

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

收件人:

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