我使用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 -->
答案 0 :(得分:2)
在第二个span-12
上给它一个last
类来删除正确的边距..
<div class = "span-12 last">
答案 1 :(得分:1)
将spans设置为inline-block。
.span-12{
display:inline-block;
}