1

我想知道如何在所有行周围放置一个包装器 div 并仍然保持基础 4 提供的响应能力。我想要一个包装 div 的原因是我想给它应用一个盒子阴影。由于基础 4 中的行是单独的块，因此 box-shadow 会在行的顶部和底部生成阴影，这是我不想要的。

这就是我所拥有的：http: //foundationproj.creeight.se/home.html

我希望它看起来像这样（边缘有阴影）： http: //foundationproj.creeight.se/screen.jpg

干杯!

4

1 回答 1

2

我只是从中获取样式.row并将它们应用于新的 div：

#pageWrapper {
     margin: 0px auto; 
     max-width: 62.5em; 
     width: 100%; 
     box-shadow: 0px 0px 15px;
     border-radius: .5em;
}

<body>
    <div id="pageWrapper">
        ...
        <footer>...</footer>
    </div>
</body>
于 2013-03-13T15:47:46.880 回答