相关疑难解决方法(0)

我倾向于认为这是Chrome中的一个错误(为什么子元素上的样式会影响父元素？),但可能还有其他事情我不理解.

下面的有序列表有1项,在Firefox和IE10中编号(尽管在IE中,它的位置错误).但是在Chrome中,这个数字完全隐藏了.

ol {
  list-style-position: outside;
}
div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px;
}

<ol>
  <li>
    <div>Some text that trails off</div>
  </li>
</ol>

发生了什么/这是一个错误/可以解决这个问题吗？

引用规范:

块级框是参与块格式化上下文的框.每个块级元素生成一个主块级框,其中包含后代框和生成的内容,也是任何定位方案中涉及的框.除了主框:'list-item'元素之外,一些块级元素可能会生成其他框.这些附加盒子相对于主盒子放置.

它们基本上是一回事吗？