amp-list css水平仅在桌面上显示1项

Question

在热门故事中，第二行内容中的组件（amp-list）仅显示桌面上的第一项。当然这是一个高度/ css问题。

https://www.standard.co.uk/business/media

有什么想法吗？

Answer 1

我已经看过开发者控制台，看起来css存在一些问题。首先，要查看设置trending-stories width: 100%所需的所有故事，因为未设置trending内部容器的宽度会使amp-list使用计算出的宽度这是102.969像素。然后在clear: left;中设置.trending .section，以便标题位于正确的位置。

.trending .trending-stories {
    width: 100%;
}
.trending .section {
    clear: left;
}

希望有所帮助。