Css 将响应元件扩展到电网系统之外？ 我用基金会5做了一个反应网站。一切都进行得很顺利，但我遇到的一个问题是，设计师给我的PSD基本上遵循一个12柱的网格，这很好。但是，设计中有一些元素会从网格外部扩展到最左侧或最右侧。此外，在某些行上，将有两个元素并排放置，但每个元素将占用7个网格空间

虽然它在photoshop中看起来很棒，但用一个响应性强的网格来编写它却是一个挑战。有人知道如何解决这个问题吗

我使用两种不同的方式来处理此类布局：

使用负边距向左/向右拖动

例如，如果图元以25px的速度从栅格左侧边缘拉出，则可以使用：

.element{
    margin-left: -25px
}

只要使用流体网格，其中的元素将流动以填充空间

这是最简单的方法，在Bootstrap实现中非常常用，所以我不知道基金会对完全公开有很大不同：我没有使用基金会。如果使用测量值向外拉，则需要确保这些值通过不同的视口/媒体查询向下拉

在网格上展开

这可能与您提到的页面上有一个2x7网格最相关。如果设计中的某些内容明显超出了所使用的网格，则使用新的类名并使用该类名修改网格在页面中特定点的行为

请记住，无论您打算使用什么样的框架，它都只是一个起点：您应该对在其上进行修改和构建感到舒适和自信，以满足您和设计师的需求