如何使用固定网格蓝图在CSS设计中显示100%宽的条带?

在蓝图中,您可以这样做:

<div class="stripeContainer">
   <div class="container">
     <div class="span-8">Column 1</div>
     <div class="span-8">Column 2</div>
     <div class="span-8 last">Column 3</div>
   </div>
</div>
<div class="container">
  <div class="span-12">Body goes here</div>
  <div class="span-12 last">Some sort of menu perhaps</div>
</div>

那么你的风格 .stripeContainer 以下内容:

.stripeContainer
{
    width: 100%; /* this is usually implied */
    background-color: pink;
}