Question

在我的主页上，我试图让三个图像跨越浏览器窗口的整个宽度。在此处查看我的网站：http://accelfoods.com。我希望页面上的最后3个图像（关于AccelFoods，Industry Engagement，Portfolio Companies）与导航下的图像宽度相同。

我已经想出如何控制＃page-body并且可以让图像转到左侧边缘（如下所示：http://imgur.com/gfXPyPK）。但我不知道如何让右边的空白区域消失。

我现在一直在评论这个CSS，直到我弄明白，但这是我用来操作图像的内容：

#page-body {

margin-left: 0px;

padding-right: 0px;
border-right: 0px;
margin-right: 0px;

overflow-x:hidden;
width: 100%;

}

非常感谢任何帮助，谢谢！

Answer 1

首先，从<：p>中删除“max-size”参数

#banner-area, #page-body, #page-footer{
    width: auto;
}

然后添加：

.sqs-block-content {
    width: 100%;
}

.image-block-outer-wrapper.layout-caption-hidden {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.sqs-block-image .intrinsic {
    display: block;
    float: left;
    margin: auto;
    max-width: none !important;
    position: relative;
    width: 100% !important;
}

但是还有脚本为这个内在类添加了一个严格的宽度，我从第一眼就看不到它，它是那种征文，它需要时间来理解它...但是，我给你的建议这里肯定会覆盖脚本。

P.S。我建议你不要使用这种类型的sitebuilder（你肯定会使用某种类型） - 因为那里有非常强大的类生成器，如果你需要进一步的更新 - 你会遇到更多麻烦。

CSS：Full Left＆amp;右侧出血图像

1 个答案: