Question

让我举一个我的问题的例子：我正在使用magento（只是解释），我想制作一个全宽度的横幅。也许，Magento默认放置一个

类= “容器”

div限制他们拥有的自定义网格的宽度。因此，我不知道如何在最大宽度设置的div内放置（由Magento结构强制）时获取全宽横幅。

事实上，我做了一些“边距”和“填充”配置，但我正试图避免这种仅仅针对一个横幅的激励路径。

以下是我的示例：https://jsfiddle.net/mq4sr8d8/1/

<div class="background-size"><div class="outside"><div class="inside"></div></div></div>

Answer 1

你可以达到你想要的效果 - 如果外部div居中，你需要以下内部样式：

.inside {
  background-color: #ababab;
  width: 100vw;                   /* make as wide as viewport */
  margin-left: 50%;               /* move it 50% right width of container */
  transform: translateX(-50%);    /* move it 50% left width of itself (to make it start at beggining of screen */
  height: 100%;
}

Centred container fiddle

如果您的容器左对齐，只需添加width:100vw

即可

Left container fiddle

在HTML

1 个答案: