与其他内容具有相同左边距的图像行

Question

我的目标是添加一行与页面上的其他内容具有相同 margin-left 的图片，如下图中的标题。该行图像应水平滚动，并且在页面每一侧的末尾都可见。上的内容有max-width: 90rem和margin: 0 auto

你会如何解决这个问题？

Answer 1

根据我的了解，您想要 'break' 轮播 div 与图像居中，并希望在包装容器内有一个全宽容器。

这应该可以解决问题：

.alignfull {
    margin-right: calc( 50% - 50vw );
    margin-left: calc( 50% - 50vw );
    width: 100vw;
    max-width: 100vw;
}

这会使您的 div 在其中居中，并在两侧给它 -50% 的边距以匹配屏幕尺寸宽度。

来源：WordPress 二十大主题之一。