blueprintcss,One Span-24内有两个Span-12?

时间:2012-02-13 12:33:30

标签: css block html blueprint-css

我使用span-24 div作为全宽页面,我在其中有一些其他span-24s。但我想在主跨-24内并排放置两个跨度-12。当我尝试这个时,他们最终会彼此重叠。这是我的代码 -

<div id="content" class="span-24">
   <div id="main" class="span-24" role="main">
      <div class="container">   
   <div class = "span-24">
   <div id = "block_"><h2>Popular Posts</h2></div>  
   </div>   

   <div class = "span-12">

   <div id = "block_"><h2>Best Users</h2></div>      </div>
   <div class = "span-12">
   <div id = "block_"><h2>Popular Forum Posts</h2></div>      </div>
  </div>
  </div><!-- /#main -->

2 个答案:

答案 0 :(得分:2)

在第二个span-12上给它一个last类来删除正确的边距..

<div class = "span-12 last">

答案 1 :(得分:1)

将spans设置为inline-block。

.span-12{
display:inline-block;
}