Chrome 53在LI元素

Question

启动Chrome 53，我们注意到了一个与CSS相关的新问题。

这个问题也可以在Vivaldi（基于与Chrome相同的引擎）中看到。在Safari，Firefox或Chrome 52中看不到同样的问题。

例如，这里：https://mobilefirstplatform.ibmcloud.com/tutorials/en/foundation/8.0/using-the-mfpf-sdk/

这是一个规范更改，需要更新我们的CSS或渲染引擎中的实际错误吗？

更新：由于list-style-position:inside，它似乎正在发生。

＆＃13;

＆＃13;

<ul style="list-style-position:inside">
    <li>li element 1</li>
    <li>li element 2</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

使用时，除了LI元素按预期推入内部外，子弹和文本之间的间距也会增加。删除CSS规则，子弹和文本之间的间距要小得多。

我们如何解决这个问题？

Answer 1

不能说这是怪癖还是规格改变，但是解决方法是将列表样式设置为外部，而不是填充使用左边距：

.tutorial .sidebar .navmenu-default .navmenu-nav.dropdown-menu>li.active>ul>li {
      list-style-position: outside;
}
.tutorial .sidebar ul {
    margin-left: 10px;
    padding: 0;
}