2013-03-13 69 views
1

我想知道如何在所有行上放置包裝div,並仍然保持基礎4提供的響應。 我想要一個包裝div的原因是我想對它應用一個box-shadow。由於基礎4中的行是 個別塊,因此箱形陰影會在行的頂部和底部生成一個陰影,這是我不想要的。基礎4中的包裝div

這是我有: http://foundationproj.creeight.se/home.html

我希望它看起來像這樣(有陰影的邊緣): http://foundationproj.creeight.se/screen.jpg

乾杯!

回答

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>